Docs

[Dianne H]

I have tried the following CSS to use a boxed layout on a desktop and full-width for mobile.

@media only screen and (max-width: 768px) {
.x-boxed-layout-active .site {
width: 100%;
max-width: none;
}
}

Others have said this code works, but it is not for me.

Also, on a phone the feature boxes with an image to the left and text are displaying the text outside of the box and not going off the screen.

Thanks for your help.

[Thai]

Hi There,

Please try with this CSS instead:

@media only screen and (max-width: 768px) {
    .x-boxed-layout-active .site {
        width: 100%;
        max-width: 100%;
    }
}

If it doesn’t help, please provide us with your website URL so we can take a closer look.

Thank you.

[Author]

Posts