[Resolved] Page hero problem with padding

[Helen]

Hi

I am using page hero elements on parts of my site and not on others. On pages with a hero element there is an extra bit of padding above the main nav which I don’t want. This doesn’t appear on pages which don’t have a hero element.

Page with extra padding: https://staging1.courses.idas.org.uk/
Page with correct header position: https://staging1.courses.idas.org.uk/about-idas/

I’m not sure what I have done to mess this up. Can you help me get to the bottom of this please?

In order to view the site you’ll need the username and login I sent via the account issue form for a previous query.

Thanks for your help,
Helen

GeneratePress 2.2.2

GP Premium 1.7.8

[David]

Hi there,

its LearnDash that is causing the problem, they apply a global CSS rule on their pages that effect the box model of ALL elements… i really wish they didn’t do that, so to stop that from effecting the header do this:

.inside-header {
    box-sizing: initial
}

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Helen]

Hi,

Thank you so much! I was sure it was something I had done, but couldn’t work out what. I’m so happy it’s fixed!

All the best,
Helen

[David]

You’re welcome 🙂

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Author]

Posts