Shopify themes, liquid, logos, and UX
Hello,
You can achieve this by using the below CSS code, or something similar to it:
@media (max-width:768px) {
footer#SiteFooter {
overflow: hidden;
}
.footer-content {
width: 50%;
float: left;
}
.footer-bottom {
width: 50%;
float: left;
}
}
Adding it at the end of your theme.css file would render as the following screenshot:
Further adjusting the structure is possible, but may require more than just CSS.
Cheers!
Hi Gabriel,
Thanks so much! That worked ~ this may be too difficult, but now the blocks are stacked making the left side quite long, did you know if there was a way to split the four content blocks 2 x 2 next to each other? Rather than stacked on the left side?
Thanks so much!!!
Glad to hear that I could be of help!
Regarding your question of adjusting this further, unfortunately, assuming the current structure, it wouldn't be possible through plain CSS - at least not in a 'clean' way.
Cheers!
As 2024 wraps up, the dropshipping landscape is already shifting towards 2025's trends....
By JasonH Nov 27, 2024Hey Community! It’s time to share some appreciation and celebrate what we have accomplis...
By JasonH Nov 14, 2024In today’s interview, we sat down with @BSS-Commerce to discuss practical strategies f...
By JasonH Nov 13, 2024