[Support request] Disable Tablet Version Of Responsiveness

[Tobias]

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?

[Leo]

Hi there,

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

You can use the private information field.

Let me know 🙂

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Tobias]

Hi Leo. I have added a link in the private information field. 🙂

[David]

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/

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Tobias]

Hi David. Thank you – exactly what I wanted! 🙂

[David]

Glad to be of help

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Author]

Posts