Menu alignment without affecting sticky header

Asanwa88 · May 2016

Hello,

I am trying to bring the menu down a little so that it aligns horizontally aligns with the logo. However if I bring it down more than 17px it takes it out of the sticky header box. That is the menu is below the sticky header instead of inside of it. How can I fix this?

I think another thing that could be affecting it is the height between line below each menu item is to large. What is the code so that I may reduce it?

Website: www.watchafricanized.com

Albert · May 2016

Hi,

to move the menu items down without affecting sticky header, you need to use the following css:

#Header #Top_bar:not(.is-sticky) .top_bar_left .menu_wrapper { margin-top: 60px !important; }

Asanwa88 · May 2016

Thank you! It worked. Now the second part of the question:

What is the code to reduce the height between the line below each menu item and the menu item?

Albert · May 2016

.menu-line-below #Top_bar .menu > li > a::after { bottom: 15px !important; }

Asanwa88 · May 2016

WORKED LIKE MAGIC!! Thank You!!!!!!!

Albert · May 2016

You're welcome

Menu alignment without affecting sticky header

Comments