Space between header/masthead and menu on Pique theme

• 

  tjfoth · Member · Mar 28, 2017 at 4:38 am

  • Copy link
  • Add topic to favorites

  Okay, I’ve done all the research I can. Lots of digging around with Firefox looking at the CSS.

  If you look at my site http://fccmelroseblog.com, you see a gap between the masthead/header on the frontpage and none on the blog pages. Actually, it appears that the masthead/header is shorter on the frontpage than the blog pages.

  How can I fix that while maintaining everything so the blog is mobile device responsive?

  Thanks!

  The blog I need help with is: (visible only to logged in users)

• 

  thesacredpath · Member · Mar 29, 2017 at 7:34 pm

  • Copy link

  Hi there, hmmm, this is interesting. What it turned out to be was unexpected. Add this to your custom CSS to remove that gap.

  .admin-bar.pique-frontpage #masthead {
  	top: 0;
  }

• 

  tjfoth · Member · Mar 29, 2017 at 7:50 pm

  • Copy link

  Perfect! Thank you!

• 

  thesacredpath · Member · Mar 30, 2017 at 8:32 pm

  • Copy link

  You are welcome.