206 posts
  • Located in Canada
  • Elite Author: Sold more than $75,000 on Envato Market
  • Has sold $500,000+ on Envato Market
  • Made it to the Authors' Hall of Fame
+5 more
DanyDuchaine says

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?

310 posts
  • Has referred 10+ members
  • Provided great contribution to our forums
  • Has sold $10,000+ on Envato Market
  • Has been a beta tester for an Envato feature
+5 more
cosmincotor says

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.

654 posts
  • Has been part of the Envato Community for over 4 years
  • Has referred 1+ members
  • Provided great contribution to our forums
  • Has been a beta tester for an Envato feature
+4 more
Gareth_Gillman says

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.

206 posts
  • Located in Canada
  • Elite Author: Sold more than $75,000 on Envato Market
  • Has sold $500,000+ on Envato Market
  • Made it to the Authors' Hall of Fame
+5 more
DanyDuchaine says

@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 :)

19 posts
  • Has referred 500+ members
  • Has sold $250,000+ on Envato Market
  • Has collected 1+ items on Envato Market
  • Located in United States
+4 more
DesignerThemes says

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.

206 posts
  • Located in Canada
  • Elite Author: Sold more than $75,000 on Envato Market
  • Has sold $500,000+ on Envato Market
  • Made it to the Authors' Hall of Fame
+5 more
DanyDuchaine says

@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 …

206 posts
  • Located in Canada
  • Elite Author: Sold more than $75,000 on Envato Market
  • Has sold $500,000+ on Envato Market
  • Made it to the Authors' Hall of Fame
+5 more
DanyDuchaine says

Hey guys, found it, it was in the footer :)

1484 posts
  • Has referred 1+ members
  • Has sold $10,000+ on Envato Market
  • Has collected 10+ items on Envato Market
  • Made it to the Authors' Hall of Fame
+3 more
OriginalEXE says

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.

310 posts
  • Has referred 10+ members
  • Provided great contribution to our forums
  • Has sold $10,000+ on Envato Market
  • Has been a beta tester for an Envato feature
+5 more
cosmincotor says

Hey guys, found it, it was in the footer :)

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

206 posts
  • Located in Canada
  • Elite Author: Sold more than $75,000 on Envato Market
  • Has sold $500,000+ on Envato Market
  • Made it to the Authors' Hall of Fame
+5 more
DanyDuchaine says


Hey guys, found it, it was in the footer :)
Kind of weird that the margin of your footer added a gap above the header :D 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. :)

by
by
by
by
by
by