Annakarenina Posted June 17 Share Posted June 17 (edited) So I added dropdown menus to some of the pages displayed on my navigation bar. But when you hover over the navigation bar, the dropdown menu appears on top of the nav bar page name (see attached photo). This both looks bad and blocks the user from accessing the main page. E.g. they cannot click on "about" or "stories" or "nerve boutique". All of which have their own page. Does anyone know how I can "move" the dropdown down so you can see the nav bar page name and be able to click on that page. https://www.wegotnerve.com Edited June 18 by Annakarenina Link to comment
tuanphan Posted June 18 Share Posted June 18 You can use this code to Website Tools (under Not Linked) > Custom CSS div.header-nav-folder-content { top: 10px !important; } Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message Contact Customer Care - Learn CSS - Buy me a coffee (thank you!) Link to comment
WidleStudioLLP Posted Friday at 11:03 AM Share Posted Friday at 11:03 AM (edited) try this code Quote .header .header-layout-nav-right .header-nav .header-nav-item--folder .header-nav-folder-content { top: 11px !important; } Edited Friday at 11:03 AM by WidleStudioLLP Widle Studio LLP info@widle.studio https://www.widle.studio Ahmedabad, India Link to comment
tuanphan Posted yesterday at 08:09 AM Share Posted yesterday at 08:09 AM You can increase Line Height of Site Navigation to fix this, no need to use code Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message Contact Customer Care - Learn CSS - Buy me a coffee (thank you!) Link to comment
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment