overlay Burger Menu position
-
Hello,
I was wondering if there is a way to customise the position of the burger menu (overlay) in more detail. I only see the edit option ‘space around’ but I would actually need to edit ‘space on top’ and ‘space on the right’ separately to match my design. Is there a way to do this?
Is there also a way to make the burger menu (overlay) work with a mouseover? currently it only works for me with a clickOr can I upload an icon for the normal primary menu? So far I have only been able to find out how to use the primary menu with a clickable font.
Thanks for your help!
Best,
Jana -
u need to click this to set a custom burger icon / custom icon
Or can I upload an icon for the normal primary menu?
icon inside the menu, ah yea that what you meant. no theres no feature for this sorry :(
.overlay-burger{ padding-top: 15px!important; padding-right:30px!important; }
Enter this css in "lay options" -> "custom css & html" -> "custom css for desktop"
for having different spaces for top and right! <3
-
ah thank you that's great. Does the same work for the x-closing icon? What would be the css for that?
best regards <3
-
oh yes of course
.overlay-close{ padding-top: 15px!important; padding-right:30px!important; }
if you need a different space to the left instead of to the right:
.overlay-close{ padding-top: 15px!important; padding-left:30px!important; }
-
Great! Thank you very much
Before you post:
- When using a WordPress Cache plugin, disable it or clear your cache.
- Update Lay Theme and all Lay Theme Addons
- Disable all Plugins
- Go to Lay Options → Custom CSS & HTML, click "Turn Off All Custom Code", click "Save Changes"
This often solves issues you might run into
When you post:
- Post a link to where the problem is
- Does the problem happen on Chrome, Firefox, Safari or iPhone or Android?
- If the problem is difficult to explain, post screenshots / link to a video to explain it