Mobile Screen Navigation Adjustment
-
Hello!
I would like to adjust the navigation on the mobile version of my site.
I added a little CSS and was able to push the Navigation links down using the padding, although now when the navigation is hidden you can still see it cut off at the top of the screen (see below). I would also like to make the whole screen black with the links in the center.
Thanks for your time!
Best,
A
-
-
This post is deleted! -
Hi Marius,
I have just noticed that the navigation on desktop is not working now :o
Thanks,
A -
Dear @amc
in the CUSTOMIZER you can change the fontsize etc of the mobile navigation.
I recommend to use this instead of the Custom CSS:
Best!
Marius
-
+1
For the complete color-overlay and type alignment options in mobile menus. -
Dear @mariusjopen & @edgrbnz Thanks for your messages.
When I hide the 'menu bar' this messes up the padding at the top of the navigation. As I don't want a black bar behind the site title and burger.I cannot see where I can make this complete colour overlay either sadly.
Thanks in advance!
A -
Dear @amc
-
Your black navbar is not a read navbar.
The black is from the background colour which you can see because the LayTheme content gets pushed down with the padding. See here:
-
When you edit the active navigation CSS like this you can make changes:
.laynav.mobile-nav.transition.active { background: red !important; height: 100vh; }
Or for the list elements:
.laynav.mobile-nav.transition.active li { padding-top: 20px; }
Best you play around with this a bit :-)
Hope I could help!
Marius
-
-
Thanks @mariusjopen!
I made it work!Cheers
A
Before you post
Use the Search Feature. Maybe there is already a solution to your issue.
1. Update Lay Theme and all Lay Theme Addons
2. Disable all Plugins
3. Go to Lay Options → Custom CSS & HTML, click "Turn Off All Custom Code ", click "Save Changes"
4. Now see if your problem solved itself
5. Go here, see if your problem is listed here:
Troubleshooting
When you post:
1. Post a link to where the problem is
2. If the problem is difficult to explain, post screenshots / link to a video to explain it