Can't find the bug

Hey guys, I’m working on my new theme and there’s a weird gap on Firefox : http://themes.danyduchaine.com/coffeeshop/

I’m sure it is really easy but I can’t seem to find it. Any ideas?

If you add overflow:hidden; after line 34 in base.css it seems to work, but this may cause other issues (hide some tags/effects).

Or give your header tag a height value, that works too.

could it be to do with the annoying WP user bar?

It doesn’t show it on chrome so I can’t think of it being your CSS.

@gareth, no it’s not the admin bar.

@cosmincotor, yeah it work but hide the dropdown menu but now I know it’s the nav. Will work on that

Hi Danny,

What happens if you remove the data-offset attribute from the body tag: http://cl.ly/MpQZ I noticed it is set to 50, and the gap at the top is 50px.

Cheers.

@DesignerThemes Nope .. nothing happen.

If I add overflow: hidden; to “header” .. it work but it’s not a good solution because the dropdown will get cut if it is tall …

Hey guys, found it, it was in the footer

Just a small suggestion, I think you should add class to your header/footer and style them using classes, because some other content in your theme ( for example the one introduced by a plugin ) could use header/footer elements and then your style will apply to them too.

Note that in html5, header/footer elements are not restricted to one per page and can be used in variety of cases.

DanyDuchaine said
Hey guys, found it, it was in the footer

Kind of weird that the margin of your footer added a gap above the header I noticed that too, but if you give your header a height it will solve the issue and your menus will remain visible.

cosmincotor said

DanyDuchaine said
Hey guys, found it, it was in the footer

Kind of weird that the margin of your footer added a gap above the header I noticed that too, but if you give your header a height it will solve the issue and your menus will remain visible.

Hey well, after removing the one from the footer, I had some from the slider, depending of where I was adding the margin … no idea what’s going on but I’ve changed it now and it seem ok.