Skip tablet view (2)

[djinnie]

How can I accomplish the same thing as I did in below topic only then it’s not a global block but just a page element?

Skip tablet view

[rad]

Hi @djinnie,

Thanks for reaching out.

Since the working copy of the CSS is like this,

@media (max-width: 1200px){
    .x-global-block .x-column {
        width: 100% !important;
        margin: 0 !important;
    }
}

You’ll just replace .x-global-block with a different selector. Examples,

If you wish to apply that to all columns on the entire page, then what you need to add to your page’s custom CSS is this (don’t add it to global custom CSS)

@media (max-width: 1200px){
    .x-section .x-column {
        width: 100% !important;
        margin: 0 !important;
    }
}

Or, if it’s specific to page’s section

@media (max-width: 1200px){
    .specific_section .x-column {
        width: 100% !important;
        margin: 0 !important;
    }
}

Then simply inspect your section and go to customize area and add specific_section to the Class input field.

Thanks!