Product Page is in header how to do I increase the padding on the page

[bigpiccolo]

See my page here https://performancescoring.com/product/performance-scoring-employee-evaluation-system-unsupported/ . The padding and spacing is messed up on both of my products, what do I need to do to add the spacing and ideally have my slider before all of the product page content?

[jade]

Hi there,

Please update this code that you have in the Global CSS:

.masthead {
    position: absolute;
    width: 100%;
}

to

body:not(.single-product) .masthead {
    position: absolute;
    width: 100%;
}

Then add this code as well:

body.x-navbar-fixed-top-active.single-product .x-navbar-wrap {
    height: 115px;
}

Here are some reference links related to the suggestions above:

• CSS Introduction - https://www.w3schools.com/css/css_intro.asp
• How to get CSS Selectors using Chrome - https://stackoverflow.com/questions/4500572/how-can-i-get-the-css-selector-in-chrome
• CSS :not selector - https://www.w3schools.com/cssref/sel_not.asp

Hope this helps.