Submenu position not alligned to bottom of main menu

cilinder2d · December 2016

Hello,

I'm working on a website where I've adjusted the hight of the logo but the submenu now shows way below the main menu on the top of the page.

'The sticky menu is working fine.

Do you guys have any sugestions how to fix this.

The URL of the website is https://development.directup.nl

Thanks in advance!

Albert · December 2016

Hi,

as we can see, you increased logo size and this is the reason why sub-menu items went down. To move those menu items up, you need to use the following css:

#Top_bar .menu li ul { top: 70% !important; }

cilinder2d · December 2016

Thanks for the quick reply however this CSS code doesn't solve the issue.

If I use it in the custom CSS editor it doesn't work at all and if I use it in the Chrome development tool the second submenu isn't properly alligned with the first level submenu.

Albert · December 2016

You supposed to use it under Theme options > Custom CSS & JS > Custom CSS section. Just paste it into 1st position and you will see that it works. We did checked your site and as we can see, this css works fine what you can see on http://pasteboard.co/8R0s9R7Vn.png

cilinder2d · December 2016

Thanks for the reply!

Moving it to the top of the custom css did the trick.

But is there a solution to align the 2nd sub menu right next to the 1st level?

Albert · December 2016

Yes, it is possible. To move the 2nd level up, please use:

#Top_bar .menu li ul li ul {
    top: 0% !important;
}

cilinder2d · December 2016

Thanks a lot for the quick responses! Awesome support for a very nice theme!
I will test it out ASAP and report back.

Edit:

This fix worked perfect! Thanks a lot for the help!

Albert · December 2016

You are welcome!

Submenu position not alligned to bottom of main menu

Comments