Docs

[spidermonkeydp]

Hi,

I’m using a fixed header on the site, http://999club.org/. There seems to be no margin between the fixed header/navigation area and the first section in the body (when viewed on desktop). See image attached.

Can you provide some css that’ll help fix this issue?

Many thanks, David

WordPress 4.7.2
X-theme 4.6.4
Cornerstone 1.3.3
Site http://999club.org/

[Rupok]

Hi David,

Thanks for writing in! You can add this under Custom > CSS in the Customizer.

.x-main.full {
    margin-top: 59px !important;
}

Hope this helps.

Cheers!

[spidermonkeydp]

Hi Rupok,

Thank you for that suggestion. I had tried that already but it didn’t work. It adds a top margin to the main section of each page but it’s not adding the margin on the posts page. The attached screenshot is a post, not a page.

Any further ideas?

Thanks, David

[Rupok]

Hey David,

Thanks for writing back. It’s just because you are using sidebar layout for the posts. No worries, just update the code and add under Custom > CSS in the Customizer.

.x-main.full, .x-main.left {
    margin-top: 59px !important;
}

Cheers!

[spidermonkeydp]

Thanks for your help. This worked viewing the site on a desktop but now I have this margin on the site when I view on mobile. Is it possible to just add this margin to desktop (and not mobile)?

Thanks, David

[Jade]

Hi David,

Please update the code to:

@media (min-width: 767px) {
    .x-main.full, .x-main.left {
        margin-top: 59px !important;
    }
}

Hope this helps.

[Author]

Posts