Unwanted space below header

I have not been able to figure out the way to reduce the unwanted space below my sticky navbar/header. I tried to find the selectors, but all I’ve found in my browser inspector is

.x-container>.offset {
margin: 35px auto;
}

When I play with that number in the browser inspector I get the desired effects. However, when I try to enter that CSS into the Global CSS I get no change.

Please see the attached screenshot of the space I am referring to indicated by red X.

Hello Stephen,

Thanks for writing in!

Please remove your custom css

// SMC Custom Settings
*/
.x-container.max.width.offset{margin-top:0}

You can make use this code instead:

.x-container.max.width .offset {
    margin: 0px auto;
}

Hope this helps.

Thank you, @RueNel! That fixed my issue.

You’re welcome Stephen!
It’s good to know that it has worked for you.

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.