197 posts
  • Elite Author
  • Sold between 250 000 and 1 000 000 dollars
  • Bought between 500 and 999 items
  • Canada
  • Exclusive Author
  • Has been a member for 2-3 years
  • Referred between 50 and 99 users
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?

293 posts
  • Sold between 10 000 and 50 000 dollars
  • Exclusive Author
  • Europe
  • Bought between 50 and 99 items
  • Referred between 10 and 49 users
  • Envato Studio (Microlancer) Beta Tester
  • Has been a member for 3-4 years
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.

505 posts
  • Bought between 10 and 49 items
  • Envato Studio (Microlancer) Beta Tester
  • Exclusive Author
  • Has been a member for 4-5 years
  • Referred between 1 and 9 users
  • United Kingdom
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.

197 posts
  • Elite Author
  • Sold between 250 000 and 1 000 000 dollars
  • Bought between 500 and 999 items
  • Canada
  • Exclusive Author
  • Has been a member for 2-3 years
  • Referred between 50 and 99 users
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
  • United States
  • Elite Author
  • Sold between 250 000 and 1 000 000 dollars
  • Exclusive Author
  • Bought between 1 and 9 items
  • Referred between 500 and 999 users
  • Has been a member for 2-3 years
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.

197 posts
  • Elite Author
  • Sold between 250 000 and 1 000 000 dollars
  • Bought between 500 and 999 items
  • Canada
  • Exclusive Author
  • Has been a member for 2-3 years
  • Referred between 50 and 99 users
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 …

197 posts
  • Elite Author
  • Sold between 250 000 and 1 000 000 dollars
  • Bought between 500 and 999 items
  • Canada
  • Exclusive Author
  • Has been a member for 2-3 years
  • Referred between 50 and 99 users
DanyDuchaine says

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

1465 posts
  • Has been a member for 2-3 years
  • Exclusive Author
  • Sold between 10 000 and 50 000 dollars
  • Bought between 10 and 49 items
  • Referred between 1 and 9 users
  • Croatia
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.

293 posts
  • Sold between 10 000 and 50 000 dollars
  • Exclusive Author
  • Europe
  • Bought between 50 and 99 items
  • Referred between 10 and 49 users
  • Envato Studio (Microlancer) Beta Tester
  • Has been a member for 3-4 years
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.

197 posts
  • Elite Author
  • Sold between 250 000 and 1 000 000 dollars
  • Bought between 500 and 999 items
  • Canada
  • Exclusive Author
  • Has been a member for 2-3 years
  • Referred between 50 and 99 users
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