Archived topic
Footer widget stacked at a breakpoint of 912px
7 replies · Started by Irmgard on August 22, 2022
Hello,
I would like to have the footer widgets stacked at a breakpoint of 912 px. Do you have a css for me? Could not figure it out.
Thanks in advance. Best rgds,
Hi there,
Can you link us to your site so we can see the footer structure?
Hello there,
You can try this CSS:
@media (max-width: 912px) {
.footer-widgets .inside-footer-widgets {
flex-direction: column;
text-align: center;
}
.footer-widgets .inside-footer-widgets .widget {
padding: 0;
}
}
Hi there,
Thank you very much, stacking works. However I added a margin-bottom of 40px in order to have more space between the titles of the widgets.
But I would like to have the margin of widget one (logo) and widget 2 smaller. Is there a way to adjust that?
Thx for your great help. Best rgds,
Hi there,
Can you edit the Text Widget that contains your logo image and make sure there are no empty lines as i can see an empty paragraph in thats creating extra space. Try deleting that.
AWESOME, that's it - thank you
Kind rgrds,
Glad to be of help