Spacing below nav bar/above content

[KimAnn]

Hello-

The spacing on each different post type below the nav bar and above the content seems to be different and i need to edit every one of them.

I need more space between the nav bar and the content here on category pages :
https://devv.rayrolando.com/category/golden-arrow-blog/

I need less space on individual posts:
https://devv.rayrolando.com/gab-the-power-to-conjure/

And much more space on pages:
https://devv.rayrolando.com/cookie-policy/

Please advise.

Thank you

[nabeel]

Hi Kim,

Thank you for reaching out to us. Different page types have different formatting for example on the category pages you’ve a header landmark however on other pages you shared do not have that, that’s why you’re seeing different spaces on different pages. Changing them would require custom CSS as this is not a theme feature by default and is outside of our support scope, but we will do our best to help you getting started with the customization but we will not be able to implement it.

• For category pages, you could add the following code in the Theme Options > CSS:

body.category .x-header-landmark {
    margin-top: 50px;
}

• For the individual posts, you can make use of the following code:

.single .hentry {
    margin-top: 0;
}

• For page, you can use the following:

body.page .x-container.offset {
    margin-top: 50px;
}

Feel free to adjust the spacing as you need.

Please note that the code provided above serves as a guide only and is to help you in getting started so implementing it and maintaining the code will be out of our support scope and for further maintenance for new possible versions of the theme that may cause the customization to break, you will need to hire a developer.

Don’t forget to clear all caches including your browser’s cache after adding the code. Hope this helps!

[KimAnn]

Thank you so much that all worked perfect.

[nabeel]

Glad we could help.

Cheers!