Docs

[crumbledfeta]

Hi there – I’ve added content bands to my home page using the renew code (http://demo.theme.co/renew-1/shortcodes/content-band/), but there isn’t a margin. Do I need to add something to the code?

– X version 4.6.4
– wordpress version 4.6.1
– crumbledfeta.com

Thanks,
Anna

[crumbledfeta]

This reply has been marked as private.

[Thai]

Hi There,

Please add the following CSS:

.x-content-band .x-container.max.width {
    width: 88%;
}

Hope it helps 🙂

[crumbledfeta]

That worked.. Thank you!
Now i’m noticing that on the mobile site the content band becomes really small because of the padding added to that section. How do I adjust the padding so that the content bands aren’t so small on mobile?

[Joao]

Hi There,

Please update the code above to:

@media(min-width: 480px) {
.x-content-band .x-container.max.width {
    width: 88%;
}  }

Hope that helps

Joao

[crumbledfeta]

Will that apply to all pages? The problem isn’t just on the home page.. sorry didn’t mention that before.

[Joao]

Hi There,

This should affect the whole site.

Let us know if it does not work and you still need help,

Thanks

Joao

[crumbledfeta]

The mobile site still doesn’t look right, especially the “About” and “CF wellness” pages.

[Rupok]

Hi there,

In that case you can just apply the code for home page :

@media(min-width: 480px) {
.home .x-content-band .x-container.max.width {
    width: 88%;
}  
}

Cheers!

[crumbledfeta]

Why would i apply it to the home page only? I need the margins to look right on all pages in mobile view.

[Jade]

Hi there,

Please try this code:

@media(min-width: 480px) {
    .x-content-band .x-container.max.width {
        width: 88%;
    }  
}

Hope this helps.

[Friech]

Hi There,

That is because of the huge padding that you applied on the sections. Please add the code below on your custom CSS on Customizer.

@media(min-width: 480px) {
    .x-section {
        padding-left: 5% !important;
        padding-right: 5% !important;
    }  
}

This will address the issue on Home, About, CF wellness, and other pages that has the same issue. But this might cause side effects (issues) on other pages, let us know if that happen.

Hope it helps, Cheers!

[crumbledfeta]

Unfortunately that didn’t help. I’m still seeing the same issue on the mobile site. Am I supposed to remove the padding on the pages too?

[Christopher]

Hi there,

Please remove left and right padding from sections, see the attachment.

Also remove following code :

@media (min-width: 480px){
.x-section {
    padding-left: 5% !important;
    padding-right: 5% !important;
}
}

Hope it helps.

[Author]

Posts