Logo overlapping menu

redmarvanderwoert · December 2016

Good morning,

I use the Creative Header, and I was wondering if there is CSS to make sure the menu doesnt overlap the logo, so that it goes down a bit.

Here is the screenshot: http://pasteboard.co/66q52cS2Y.jpg

Here is the link: http://mkbwebdevelopment.nl/test4/

Regards,

Redmar

Albert · December 2016

Hi,

to move the menu down, you need to use the following css:

#Top_bar .menu_wrapper { margin-top: 60px !important; }

redmarvanderwoert · December 2016

Hi,

You guys are amazing. Thanks so much.

Regards,

Redmar

Albert · December 2016

You are welcome!

redmarvanderwoert · December 2016

I have one question though, this css creates a problem on mobile, now it overlaps the slider header. Is there a way to only use this css for desktop?

Screenshot: http://pasteboard.co/a8spfD2aj.jpg

Regards,

Redmar

Albert · December 2016

If above css cause an issue on mobile, just wrap above css into right @media tag:

@media only screen and (min-width: 1240px) {
    #Top_bar .menu_wrapper { margin-top: 60px !important; }
}

More details about @media rules, you can find on http://www.w3schools.com/cssref/css3_pr_mediaquery.asp

redmarvanderwoert · December 2016

Hi,

Thank you so much for your help and the extra information!

Have a good weekend,

Redmar

Logo overlapping menu

Comments