[Support request] Right side padding not working in mobile

[pedro paulo]

Folks,

The right side padding is not working in mobile mode for main page only.

[Leo]

Hi there,

Can you do this first?
https://www.screencast.com/t/O3NDJ5fyH0N

Let me know 🙂

[pedro paulo]

Hi Leo,

When I turn off WP Rocket it works, but I would like to keep this plug in. I onw other sites runnig GP + WP Rocket without a problem.

[David]

Hi there,

add this CSS if you want to remove the lefthand padding:

@media (max-width: 767px) {
    .generate-columns-container>* {
        padding-left: 0 !important;
    }
}

OR add this CSS to put some padding on the righthand side of the container:

@media (max-width: 767px) {
    .generate-columns-container>* {
        padding-right: 20px !important;
    }
}

[pedro paulo]

Hi David,

I tried I tried both options without success. Then, in WP Rocket I unchecked the “minimy CSS file” otions and it seens it got fixed. It´s working fine now.

Thanks!!

[David]

glad to hear you got it resolved.

[Author]

Posts