[Support request] Container Layout Padding – Tablet Settings Use Desktop Instead of Cell Settings

[Sheila]

One of the things I like most about the GeneratePress theme is how easy it is to change the overall padding of the containers. However, my Tablet view is taking on the Desktop settings instead of the Mobile settings…which means the 200px padding I use for Desktop is too big for a Tablet screen.

How can I get my tablet version to use Mobile Settings for Layout–>Container?

[Leo]

Hi there,

Tablet is a bit difficult to configure sometimes as all tablets they are quite different in sizes. Tough to configure landscape vs portrait as well.

Give this CSS a shot:

@media (min-width: 769px) and (max-width: 1024px) {
    .one-container .site-content {
        padding: 5px 50px;
    }
}

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

You might need to tweak the 769px and 1024px breakpoint to see what works for you the best.

[Author]

Posts