Mobile Footer Widget Padding

What it looks like on the desktop. This is fine, but not what it looks like on mobile, where it's all formatted weird.

https://imgur.com/a/w19Rqsg

Hi there,

so set the customiser padding to a size that is suitable for your mobile, and then use this CSS:

@media (min-width: 768px) {
    .footer-widgets {
        padding: 40px 300px 0 40px;
    }
}

Unfortunately, that code doesn't seem to be doing anything on mobile. I refreshed my cache and tried to exaggerate the numbers to see an effect, but nothing

On the desktop, I want it to have padding of 350 px from the left, 350 px from the right, but on mobile, hoping for padding of 40px to the left and 40 px to the right

Hi there,

the code above adds the padding to tablet and desktop. So change the footer padding in the Customiser to 40px. And let me know.

Yup, doesn't seem to change the padding on the desktop.

Oops just spotted a mistake in the code...

It worked!!! Thanks!

Awesome. I think i need some glasses lol '@@"

Hi!
I use 3 footer widgets. In the customizer I have set the padding:
Footer Widget Area Padding 10 200 10 100
Footer Padding 4 10 4 10

It looks good on desktop and tablet (in preview) but I can't get it right on mobile... any suggestions?
Thanks!
Eva

Have you tried David's code here to change the footer widget padding on mobile?
https://generatepress.com/forums/topic/mobile-footer-widget-padding/#post-641464

If this doesn't work, any chance you can open a new topic and link us to the page in question?

Thanks!

Hi Leo,
I am sorry, didn't see that I had to makes the changes in Customize first. I did now, and it's fine on mobile, but in the desktop version the first widget is still too much to the left. You can see it here https://test.alfabetprodukties.nl
Thanks!
Eva

Can you open a new topic?

This might take a couple attempts so it's best to be your own topic.

Thanks!