Menu spacing CSS code location

Hi Guys,

Can any mods assist me in locating the CSS code that handles spacing between Top menu items (mainmenu & topnav) & the main components section (jomsocial, articles, etc). Please see the image below:

menu_spacing.jpg

I'd like to reduce the space where the red arrows indicate, i am assuming this would be somehwere in the layout.css or the template.css file. Can you point me to the right loction so i can reduce the gap please?

thanks.

KGComm

Hi
Is site online? Do you have a URL, then I can look into it.

Best regards,

Henrik

Hi
Is site online? Do you have a URL, then I can look into it.

Best regards,

Henrik

site is - www.ausgamernetwork.com

but it is ONLY seen when you register an account, because you will then see TOPNAV menu, so when you register and then login, then click MYHUB in TOPNAV you can see the spacing, I'm sure its to do with the TOPMENU/TOPNAV section somewhere, i believe that spacing was retained for menus and i just need to decrease it somehow.

cheers

Hi

Here is a TIP!
Get Firebug for Firefox to debug CSS. It's a greate tool


From Firebug I mark the div tag #gkTopNav and see this:

template.css - line 32

Code: Select all

#gkTopNav {
    margin: 20px 0 40px;
    padding: 0 12px;
}


Enable override.css in template settings, and put this into the override.css file:

Code: Select all

#gkTopNav {
    margin: 10px 0;
    padding: 0 12px;
}


Happy styling!

Henrik

THANKS MATE! i had already over ridden that code - lol - but i somehow MISSED the bottom margin! BLIND or just TIRED of looking at CSS - appreciate your assistance.

HAD:
#gkTopNav {margin: 1px 0px 40px 0; }

Adjusted 1 value: margin: 1px 0px 40px 0; TO margin: 1px 0px 5px 0;

LOL - THANKS AGAIN - I'm going blind