Space between logo and menu on events template

Hi, when scrolling down, and the menu moves into the active state, the distance between the logo and the first item of the menu is too great - meaning the menu sticks out off of the visible page for many screen sizes.

How do I bring it in - much closer to the logo?

makemethatguy.com

Thanks!

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

Code: Select all

#gkHeaderNav.static #gkMainMenu {
left: auto;
}


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

That's spot on - thanks! I changed it slightly to only apply to the "active" state:

Code: Select all

#gkHeaderNav.static.active #gkMainMenu {
left: auto;
}

Yep, that is a good idea.