Hmmm Actually, I think this works!
.footer-widget-1 {
width:100%;
padding-bottom:5%;
text-align:center;
}
.footer-widget-2, .footer-widget-3 {
width:50%;
padding-left:10%;
padding-right:10%;
}
.widget_media_image {
display:inline;
}
@media (max-width: 768px) {
.footer-widget-2,
.footer-widget-3 {
width:100%;
padding:0;
text-align: center;
}
}
The .widget_media_image selector worked to stop separate images stacking in footer widget 1.
Needed the media query because otherwise it looked “funky”* on a tablet/phone.
Am I missing something? Not sure it is particularly elegant…..
*Recognised official Australian term π