Sub-menu position with slightly taller logo
We are using a slightly taller logo than the one in the demo with the classic header/menu, but the dropdown menu (submenu) position does not align to the bottom of the header area. We would like it to align like the sticky menu. Can you help?
Thank you!
Comments
unfortunately you can't move the submenu down because if you will do this, menu won't work properly because there will be gap between main and submenu items and will be difficult for users to move from main to sub menu.
#Top_bar .menu li ul { top: 109px !important; }#Top_bar:not(.is-sticky) .menu li ul { top: 109px !important; }The submenu's subitem is not moving with the submenu, please help
Hello @nabi-tutti,
Please always attach a link to your website so we can check it out. If the page is offline(localhost), then our help will be limited. You will have to contact us when the page is online. Also, please make sure that the page is not under maintenance before you provide us with the link.
It is always a good idea to also attach a screenshot showing your issue.
Thanks
Hello,
The link is compassflying.com, thanks
And here's a screenshot
Hello,
The problem is related to your custom css code, after removing this line shown on screenshot it works correctly.
thanks
Is there a way to fix it without removing this line? This line helps me move the menu a little bit up to align the menu bar.
Thanks
Hi,
Try to replace it with the following CSS:
#Top_bar .menu > li > ul { top: 140px !important; }Thanks
Works perfectly! Thanks!