Site logo

Archived topic

Disable Tablet Version Of Responsiveness

5 replies · Started by Tobias on November 24, 2020

Viewing posts 1–6 of 6

Hi,

I have some issues on the tablet version of my website, and was thinking if it was possible to "disable" the tablet screen size for responsiveness.

So basically I want to show the mobile version for screen sizes smaller than desktop.

How do I do this?

Hi there,

Any chance you can link us to the site in question?

You can use the private information field.

Let me know :)

Hi Leo. I have added a link in the private information field. :-)

Hi there,

if the main issue is the Columns, then you can add this CSS:

@media (max-width: 1024px) {
    .wp-block-columns {
        flex-wrap: wrap;
    }
    .wp-block-column {
        flex-basis: 100%!important;
    }
}

This will force single columns on screens below 1024px. You can adjust that size to fit your needs.

As a not if you want greater control over your Containers / Columns then you may want to try GenerateBlocks on a future build:

https://en-gb.wordpress.org/plugins/generateblocks/

Hi David. Thank you - exactly what I wanted! :-)

Glad to be of help

This archived topic is closed to new replies.