Need to Add Space Between Header and Page Content

[Toldrieve]

Hello there,
I’m having trouble adding adequate space between my header on my blog post pages and the content of the post itself. I’ve tried adding an bar at the bottom of my header that is just white and this provides me with the space, but then when I turn my menu items in my header into a dropdown they go behind the extra white bar and you can’t see them. Is there a better way to add the space I want between my header and blog posts?
Thanks for your help!

[jade]

Hey Tyler,

Please try to add this code in X > Theme Options > CSS:

.x-post-slider {
    margin-bottom: 35px;
}

Please feel free to change the value of bottom margin bottom.

Hope this helps.

[Toldrieve]

Thanks for your help. Although it isn’t working

[mldarshana]

Hi Tyler,

I have checked your site URL assigned to this Themeco account and I see that the space is controllable using the CSS rule provided by @Jade

Also try updating your CSS rule as follows and see if that helps.

.x-post-slider {
    margin-bottom: 20px !important;
}

Please make sure to clear all caches when testing your issue (https://www.wpbeginner.com/beginners-guide/how-to-clear-your-cache-in-wordpress/).

If you’re referring to a different site URL, please send your example page URL to check your issue further.

Thanks!

[Toldrieve]

My URL is tyleroldrieve.org
I’m sorry. I’ve tried all those things and I can’t seem to get it to work for me. In fact every time I’ve tried using CSS code that other staff have sent me it’s never worked for me. Maybe I’m just doing it wrong.

[rad]

Hi Tyler,

One could be the reason is broken CSS before your added one, anything added below it will not work.

Are you referring to the post slider and navbar? It’s only normal to go under as your scroll. Please provide a screenshot of what you’re getting, it’s because the post slider and posts have enough space so I assume you’re referring top navbar and post slider.

Thanks!