Mobile colors?

Started by Shades., January 24, 2022, 04:30:05 PM

Previous topic - Next topic

Shades.

Where do I change colors in the 2.1 RC4 css for mobile theme? Specifically the hamburger thing & the menu pop-up!? The background is white on my dark theme on mobile and can't see the menu text.

Thanks! 8)
ShadesWeb.com - Custom Logos - My Themes on SMF | My Themes on ShadesWeb
https://shadesweb.com

BikerHound.com - Sniffing out the road ahead
https://bikerhound.com

Dream as if you'll live forever; Live as if you'll die today. - James Dean

Shades.

Oh, found it in responsive.css duh! ::)  ;D

Quote.popup_window, #main_menu .popup_window, #genericmenu .popup_window {
      position: relative;
      z-index: 99;
      width: 90%;
      box-shadow: 0 3px 6px rgba(0, 0, 0, 0.5);
      border: 1px solid #777;
      border-radius: 7px 7px 3px 3px;
      min-height: 285px !important;
      max-height: 5em;
      overflow-x: hidden !important;
      overflow-y: scroll !important;
      -webkit-overflow-scrolling: touch;
      background: #fff; /* fallback for some browsers */
      background-image: linear-gradient(to bottom, #e2e9f3 0%, #fff 70%);
      top: 15%;
      padding: 0;
      margin: 0 auto;
ShadesWeb.com - Custom Logos - My Themes on SMF | My Themes on ShadesWeb
https://shadesweb.com

BikerHound.com - Sniffing out the road ahead
https://bikerhound.com

Dream as if you'll live forever; Live as if you'll die today. - James Dean

Diego Andrés

Uhmm yes, just noticed this earlier.
Can't remember the reason behind this... Might be worth checking later since this bit needs a quick fix for the max-height anyway.

SMF Tricks - Free & Premium Responsive Themes for SMF.

Shades.

Now I need a .svg editor to change colors on the menu.svg! :o

Unless anybody got one that is white or greyish? (preferably greyish) O:) 
ShadesWeb.com - Custom Logos - My Themes on SMF | My Themes on ShadesWeb
https://shadesweb.com

BikerHound.com - Sniffing out the road ahead
https://bikerhound.com

Dream as if you'll live forever; Live as if you'll die today. - James Dean

TwitchisMental

Quote from: Shades. on January 24, 2022, 05:39:24 PMNow I need a .svg editor to change colors on the menu.svg! :o

Unless anybody got one that is white or greyish? (preferably greyish) O:) 
Inkscape is a free open source vector graphics editor.  That should get the job done for you :).

https://inkscape.org/

Shades.

Yeah I downloaded it yesterday but haven't had time to play with it yet. ;)

Thank you! 8)
ShadesWeb.com - Custom Logos - My Themes on SMF | My Themes on ShadesWeb
https://shadesweb.com

BikerHound.com - Sniffing out the road ahead
https://bikerhound.com

Dream as if you'll live forever; Live as if you'll die today. - James Dean

pulgoki

I just created a new hamburger button using gimp, saved it as a png, then pointed to the new png. 

That may be easier? 

There are lots of them already available to d/l with a quick google search.

Antechinus

Quote from: Shades. on January 24, 2022, 05:39:24 PMNow I need a .svg editor to change colors on the menu.svg! :o
No, you don't. If you just want to change the colour you can use CSS filters. ;)
https://developer.mozilla.org/en-US/docs/Web/CSS/filter

Advertisement: