Archived topic
Page hero problem with padding
3 replies · Started by Helen on March 9, 2019
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
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
}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
You're welcome :)
