This topic has 6 replies, 3 voices, and was last updated 10 years, 7 months ago ago by Eva Kemp
We have quite a tall logo in the header space on this theme, which puts the main navigation quite a ways above the dropdown area. When navigating, the pointer loses focus trying to get into the dropdown portion of the menu. Is there a way to drop the menu text from vertical center to vertical bottom so we don’t have this issue? Please advise. Thanks!
Hello,
This can’t be changed by default in our theme. But you can edit custom.css and insert the following code:
.main-nav .menu > li .nav-sublist-dropdown { top: 70%; }
How to create custom.css file you can watch here.
Regards,
Eva Kemp.
While this worked to fix the focus problem I was hoping to keep the dropdown nav at the top of the slideshow and move the main navigation down – is this possible? Thanks so much for the help!
Please try to use this code to have the menu down:
.header-type-3 .main-nav .menu {
margin-top: 120px;
}
Regards,
Eva Kemp.
Thanks, the first set of CSS code fixed my problem.
Hello,
You’re welcome.
Regards,
Eva Kemp.
Tagged: focus, loss, navigation, themes, woocommerce, wordpress
The issue related to '‘Loss of Navigation Focus’' has been successfully resolved, and the topic is now closed for further responses