SOLVED Mobile menu comme on my logo...
-
-
- Bigfly
- Rocketeer
- Posts: 83
- Thanks: 8
- New on Rockttheme
-
Good morning,
My mobile menu (the three horizontal bars/hamburger menu) is superimposed with my logo on mobile screens.
Here is a screenshot of the situation and my settings under Gantry / Helium.
What solution to resolve this, so that the logo adapts to the size of the screen to leave room for the menu (the three horizontal bars/hamburger menu)?
THANKS
This image is hidden for guests.
Please log in or register to see it.
This image is hidden for guests.
Please log in or register to see it.
-
-
-
- Matt
- Preeminent Rocketeer
- Posts: 21595
- Thanks: 3098
- messin' with stuff
- Post a link to your site and I'll try and advise.
- SEARCH the forum first! These boards are rich in knowledge and vast in topics. This includes searching just the 'Solved' forums, using Google, and using ChatGPT
-
-
-
- Rod
- Elite Rocketeer
- Posts: 690
- Thanks: 5
-
I use..
.g-offcanvas-toggle { top: 7.5rem; }
To move it down as Needed.. -
Heavy Duty Truck Parts
NJ Fishing
Beach Haven Fishing Charters
-
-
-
- Bigfly
- Rocketeer
- Posts: 83
- Thanks: 8
- New on Rockttheme
-
Rod wrote:
I use..
.g-offcanvas-toggle { top: 7.5rem; }
To move it down as Needed..
Thanks Rod for your help.
I was looking to reduce the size of my logo to let the hamburger menu enough place, not to move de Hamburger menu.
But thanks for your tips and help.
So I solved my problem my giving a css class ("mobilelogo") in Particle Default > Logo/Image > CSS Classes
Then I went in Page settings > Atoms > CSS /JS and ad this :
.mobilelogo img { max-width: 70%; }
Best R
-
Time to create page: 0.049 seconds