SOLVED Mobile Menu Hamburger Icon invisible on default white background
-
-
- AndyBo
- Hero Rocketeer
- Posts: 309
- Thanks: 2
SOLVED Mobile Menu Hamburger Icon invisible on default white background
Posted 9 years 10 months ago-
On the Gantry 5 learning curve (it looks amazing!). I am using Hydrogen which has default white background... when I shrink the screen the menu disappears as expected but the icon which then gives access to the mobile menu (I've heard it called 'the hamburger') can't be seen... it's there and if you click top left the mobile menu appears.
In case it's unique to my site, providing a URL example in the secure tab here.
Thanks if you can help!
-
-
-
- MrT
- Preeminent Rocketeer
- Posts: 101084
- Thanks: 13484
- Web Designer/Developer
Re: SOLVED Mobile Menu Hamburger Icon invisible on default white background
Posted 9 years 10 months ago-
You have no logo and therefore when the menu collapses there is no header to show (which has a background on which the hamburger would normally reside over). So, just change the color of the hambuurger with custom SCSS.
To create a custom CSS compatible with Gantry 5 please read this http://docs.gantry.org/gantry5/tutorials/adding-a-custom-style-sheet ..g-offcanvas-toggle { color: red; }
Don't forget to recompile CSS from base outline after making any changes to custom SCSS file.
Regards, Mark. -
The following users have thanked you: AndyBo
- Please search forums before posting. Please make sure your post includes the version of the CMS you are using and a link to the problem. Annotations on screenshots can also be helpful to explain problems/goals. Please use the "secure" tab for confidential information.
-
Time to create page: 0.059 seconds