Hi there,
How do I shift my main menu links in the header down so that there isn’t the wide gap between them and the actual menu?
And how do I get submenu items to always show rather than only when I hover over the primary menu item
Bangkok is primary item, Bangkok Hotels is sub menu in the example shown in the screenshot
http://www.purpleprawndesign.com/images/menu-issue.png
Many thanks!
Deleted comment
Hi,
Could you provide us with a link to the site in question so that we can take a closer look please?
Thanks,
Rikard
Hi Rickard,
The site is bespokethailandtravel.com
Thanks
Sean
Hi,
Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:
.av_header_transparency .av-main-nav ul {
top: 75%;
}
Best regards,
Yigit
Hi Yigit,
That moved the sub menus up a bit…. actually what I’d like is for the Main Menu items to drop down about 53 pixels and be in line with the bottom of my Logo Text.
Is that possible?
Thank you!
Sean
Hi,
Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:
#top #header_main > .container, #top #header_main > .container .main_menu ul:first-child > li > a, #top #header_main #menu-item-shop .cart_dropdown_link {
line-height: 200px;
}
Please make sure that > sign is not converted to – http://i.imgur.com/IDXRZQ3.png in Quick CSS field.
Best regards,
Yigit
Hi Yigit,
I tried that in both quick css and in the child theme style.css file and it doesn’t appear to have any effect.
I am not using woocommerce – does that matter given these are in the code #menu-item-shop .cart_dropdown_link ?
Sean