Change mobile menu bar?
-
Hi there!
First of all thanks for your theme, it's wonderful! But I have a question…
Is it possible to change the menu bar for the mobile screen only? For my website I would like to have a transparent menu bar on the computer, but I do want it to be solid for the mobile screen. How can I make this happen?
Thanks in advance!
Sincerely.
-
Thanks!
You can use this CSS.navbar{ background-color: rgba(255,255,255,0.5)!important; }
You can put this css into the field "Custom CSS for Mobile Version" in "Lay Options" -> "Misc Options"
This makes the menubar transparent for mobile, however right now the way I coded it, thats incompatible with the menu. Cause your mobile menu is behind the menubar and if the bar is transparent, you see the menu shine through and it looks awful.
I need to change this and create some more customization options for a future update of lay theme. I don't know when I will have time though cause I have a lot of freelance work at the moment…
-
Thanks! It kind of worked for me, I have just made it black instead of transparent.
-
@arminunruh Hi Armin, is there any way to disable the dropdown option on mobile? I only have one link for my menu, and I don't want there to be a dropdown.
I've been trying to find the class for it on the Inspector but I can't seem to find it. Please help :(
-
You could put this into "Lay Options" -> "Custom CSS…" -> "Custom CSS for Mobile"
nav.primary.transition{ -webkit-transition: none; transition: none; }
This will make the menu show up without an animation
-
@arminunruh Hello, I would like to have my "About" page link in the top-right corner on both desktop and mobile. I do not want the dropdown hamburger menu on mobile, just the "About" page link in the top-right. How do I do this?
-
Hey jlohin, this is a feature that I need to add to lay theme. Currently that's not easily possible. Gonna work on it soon.
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