Logo overlapping menu

redmarvanderwoert

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

Hi,

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

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

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

redmarvanderwoert

Hi,

You guys are amazing. Thanks so much.

Regards,

Redmar

Albert

You are welcome!

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

redmarvanderwoert

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

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

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

redmarvanderwoert

Hi, 

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

Have a good weekend,

Redmar