By Bridgeman-1 on

http://gamingw.robbertbruggeman.nl/

Does anyone know how I can remove the empty space in between the logo and the menu bar?

Comments

nevets’s picture

nevets commented

You can use a tool like firebug to inspect the generated page to look for the space (likely margins and/or padding applied to various elements)

Bridgeman-1’s picture

Bridgeman-1 commented

Well I've done that, but I couldn't find margins or padding anywhere and I don't know how to remove it.

vm’s picture

vm commented

If you don't see padding or margins then it's likely not padding or margins causing the whitespace. Looking at the CSS it's evident that a fixed height on the container of the logo image and that image is smaller than the aforementioned fixed height setting. Thus, override #zone-branding and set a height equal to 95px or increase the size of the image.

Bridgeman-1’s picture

Bridgeman-1 commented

Okay, I've done that. But still not exactly the result I want to.

In this screenshot ( http://i.imgur.com/yAMygDp.png ) you can see this orange bar that the menu bar is overlapping.
I tried to put display: none on it, but then the menu is hidden as well.

Basically what I want is my menu bar in the place where that orange bar is now, and no space between the menu bar and the logo.

Bridgeman-1’s picture

Bridgeman-1 commented

This is so great I just succesfully managed to remove that orange bar in Firebug, then I accidentally changed page and now I can't find it anymore... I hate my life

Bridgeman-1’s picture

Bridgeman-1 commented

Does anyone know how I can save the changes I made in the Safari element inspector? I finally got it right now, and I tried to rectify my CSS file but I forgot some changes and I forgot what they were.

Bridgeman-1’s picture

Bridgeman-1 commented

Okay nevermind I did it. It was really annoying to do, but I got it working.

Sorry for the dumb question.