Move LOGO Above Main Menu

I'm trying to swap the main menu and LOGO so the LOGO is on the top. Override CSS is on and I have added the following to override.css based on some other posts.

#gkHeader {position: relative};
#gkLogo {position: absolute; float: none; top: 0px; left: 0px}
#gkLogo img {width: 110px;}

This has no impact. What else do I need?

Thanks in Advance,
Terry

Could You please post an url to your site?

www.illuminatedcities.org

Perhaps the only thingYou need to do is:

Code: Select all

body {padding: 0px;}
#gkMenuWrapper {position: relative;}


That did the trick. Thanks Muchly !!

No problem. If You have any other questions, please feel free to create new forum threads.

Hi, I've tried this as well, and the logo goes on top of the menu, which is great.

But, now both logo and menu disappears when you start scrolling down. Is there a way to get both logo and menu to stay visible all the time?

Thanks.

@grade - could You please post an url to your site?

Sure, it's a testsite: http://www.clients.gerade.dk/anapa/

Please edit: /templates/gk_rockwall/css/override.css and add at its end:

Code: Select all

#gkTop{position: fixed; top: 0px; width: 100%; height: 98px; z-index: 50;}
#gkMenuWrapper{position: fixed; top: 98px; width: 100%; height: 56px; z-index: 50;}
#gkPageContentWrap {margin-top: 154px;}


This code shoud do what You want, but please check it carefully if it doesnt mess somewhere along subsites.

Remember to enable "CSS override" in template settings - advanced section.

Amazing! Thank You very much:)

No problem