Mobile menu on it's own line
-
-
- Dave Bishop
- Newbie
- Posts: 2
- Thanks: 0
-
Hello, I am trying out your system and using the Helium theme. My logo is a bit wider than your default so the menu button on phones is overlapping the logo.
Is it possible to move this mobile menu button so it's on it's own line so to speak. Like the other elements in the navigation seem to do in this view. They all have their own horizontal space to use one per line.
I looked around the forum and was not able to find this exactly. I am not real sharp on specialized coding so I can't figure out how the other items are getting their own space to assign it to the menu button.
Thank you!
-
-
-
- Dave Bishop
- Newbie
- Posts: 2
- Thanks: 0
-
Part of the message is hidden for the guests. Please log in or register to see it.
Thanks
-
-
-
- DanG
- Preeminent Rocketeer
- Posts: 36750
- Thanks: 3229
- Custom work done
-
Dave Bishop wrote:
Part of the message is hidden for the guests. Please log in or register to see it.
Thanks
In your [JOOMLA-ROOT]/templates/g5_helium/custom/scss/custom.scss (<--CLICK this is link) file add this:
.g-offcanvas-toggle { left: -0.3rem; } @media only all and (max-width: 47.938rem) { .g-logo { padding-left: .75rem; } }
-
Time to create page: 0.087 seconds