[Resolved] Footer widget lining

[Eva]

Hi!
I use 3 footer widgets. I made changes like stated in the Customizer according to David’s post here: https://generatepress.com/forums/topic/mobile-footer-widget-padding/#post-641464.
Now 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

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

[Leo]

Hi there,

Now 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

It looks good on desktop and tablet (in preview) but I can’t get it right on mobile…

Sorry, is the current problem on desktop or mobile? Your description above seems to contradict?

David’s code allows you to set it for desktop, then customizer setting will apply to mobile:
https://docs.generatepress.com/article/footer-padding/

Let me know if I’m missing anything 🙂

[Eva]

I am so sorry Leo, I was kind of tired and messed things up…

It’s now good on mobile, but too much to the left on desktop. Sorry for that.
Thanks,
Eva

[Leo]

You can adjust David’s code for desktop:

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

The notation goes top, right, bottom, left.

Let me know 🙂

[Eva]

Hey Leo,
Thanks! It works just fine now.
Thanks for your patience 🙂

[Leo]

No problem 🙂

[Author]

Posts