Archived topic
footer widgets unequal width
7 replies · Started by mohinish on April 16, 2021
I have an embarrassing problem on my website: https://mohinishnirwal.com/
There's a wide gap between Footer Widget #1 and Footer widget #2.
I've tried all sorts of things I know but the problem persists.
Thanks
Hi there,
go to Customizer > Additional CSS and remove this:
/* footer widget area custom widths */
@media (min-width: 1025px) {
.footer-widgets .footer-widget-1 {
width: 45%;
padding-right: 20px
}
.footer-widgets .footer-widget-2 {
width: 30%;
text-align: center;
}
.footer-widgets .footer-widget-3 {
width: 25%;
text-align: center;
}
}thank you.
You're welcome
Same problem, but I don't have that CSS. This just started after I switched from the Classic Widgets plugin to using the Gutenberg ones, and then removed and replaced a legacy Search widget with the new one. I've shrunk the search box, but it isn't causing the first footer widget to go back to normal size.
[removed site name]
Hi there,
the GP Footer uses CSS Flexbox for its grid, which allows for columns to reflow if there contents require it.
In this case you search block wants more space. You can fix its width using this CSS:
.inside-footer-widgets .wp-block-search {
max-width: 300px;
}Thank you!
You're welcome
