Change top-margin for the main menu

js6-racing · September 2014

Hello,
we have a big header image and want the main menu navigation to be at the bottom of it.
How and where can we change the value for the top-margin of the navigation bar (should be 280 px instead of estimated 160 px)

Thanks in advance!
Sandra

Albert · September 2014

Hi,

please send us url to your website so we can have a look what menu you use exactly and only then we`ll be able to see if this is possible or not.

js6-racing · September 2014

Thanks! Here is the link: http://wasserwissenswert.demo-projekte.de/
The Navigation Bar should be lower at the bottom ot the picture (in front of the white area).

Albert · September 2014

Ok we see. For that you can try below custom css:

#Top_bar .menu_wrapper { margin-top: 125px; }

js6-racing · September 2014

Thanks, that worked! But still some little problems:

1. Now the Sticky Menu has also margin-top of 125px (shouldn´t have). Can we change it separately?
2. How can we remove the thin line under <ul> - elements (look here: http://wasserwissenswert.demo-projekte.de/90-tagen-zum-experten-fuer-mehr-gesundheit-und-lebensqualitaet-mit-wasser/)

Thanks in advance!

Albert · September 2014

1. You're right

We forgot about sticky. Please also under above css, use below:

body:not(.header-simple) #Top_bar.is-sticky #menu { margin-top: -125px !important; }

2. For that please use below custom css:

ul.list_mixed li:after, ul.list_check li:after, ul.list_star li:after, ul.list_idea li:after { background: none !important; }

js6-racing · September 2014

Thank you very much!!
But I forgot the header-logo. Where can we change the top-margin for it?
Thank you!

Albert · September 2014

Logo you can move with below css:

#Top_bar .logo { margin-top: 120px; }

Change top-margin for the main menu

Comments