[Resolved] Footer boxes margin/padding issue

[Henrik]

Hi,

4 footer widgets, trying to make 4 boxes.

The CSS

.inside-footer-widgets {padding:20px;}

.footer-widget-1 {padding:7px;}
.footer-widget-2 {padding:7px;}
.footer-widget-3 {padding:7px;}
.footer-widget-4 {padding:7px;}

#text-5 {background:#B3CE43;
padding:20px;}
#text-6 {background:#B3CE43;
padding:20px;}
#text-12 {background:#B3CE43;
padding:20px;}
#text-14 {background:#B3CE43;
padding:20px;}

Just want it to be equally centered. Looks ok on desktop, on mobile I can’t center it.
Link: antenneforening.dk

[Leo]

Hi there,

You can try wrapping that code using @media so it’s only for desktop.

Then use @media again for another set of code to set the padding for mobile.

See info here: https://generatepress.com/forums/topic/how-do-i-search-for-my-previous-posts/#post-263744

[Henrik]

So simple. Brilliant support as always

[Leo]

Glad I could help 🙂

[Author]

Posts