I'm trying to customize the mobile navigation menu. I have put in a menu using a widget. Now I want the menu items to span the entire width of the viewport (minus the scrollbar). I just don't see which element to edit. It seems to be some (grand)child of the div.inner, which as you see has room to expand on the right. So I think that means that some child has a defined width that is less than 100%, right? I just can't find it.
I have attached a screenshot of a simplified design (goal.png) which I want to recreate; also of the Chrome Developer tools; also of the custom CSS I have thus far.
Thanks for the tip! Why didn't I think of trying it with another style. "Simple dropdown" didn't do the trick, but "Fullscreen cover slide + Blur BG" did. See the screenshot attached (on mobile the scroll bar isn't there, so the alignment is fine).
I'm trying to customize the mobile navigation menu. I have put in a menu using a widget. Now I want the menu items to span the entire width of the viewport (minus the scrollbar). I just don't see which element to edit. It seems to be some (grand)child of the div.inner, which as you see has room to expand on the right. So I think that means that some child has a defined width that is less than 100%, right? I just can't find it.
I have attached a screenshot of a simplified design (goal.png) which I want to recreate; also of the Chrome Developer tools; also of the custom CSS I have thus far.
Thank you for your help!
Attached files: 100procent.png
customcss mobile menu.png
goal.png
Hey Again,
Try using the "Simple Dropdown" style in here:
Thanks
ThemeNectar Support Team
Thanks for the tip! Why didn't I think of trying it with another style. "Simple dropdown" didn't do the trick, but "Fullscreen cover slide + Blur BG" did. See the screenshot attached (on mobile the scroll bar isn't there, so the alignment is fine).
Attached files: mobilenav.png
Glad you got it sorted.
Best
ThemeNectar Support Team