Shopify themes, liquid, logos, and UX
Hi everyone,
I'm still working on this website, and I would like the footer items for mobile to be all at the same line, since the footer looks very long at its current form.
Can anyone hep ? tried to play with the code a bit, but I'm probably missing something.
https://69b4c5-62.myshopify.com/
Pass: peofah
thank you in advance!
Hi @Daniel19901 ,
Please follow these steps:
Step 1: Access Shopify admin => Online store => Themes => Edit code
Image:
Step 2: Find the file base.css or global.css, theme.css
Step 3: Insert this code into your CSS file:
@media only screen and (max-width: 749px) { .footer__content-top .footer__blocks-wrapper { display: flex !important; flex-wrap: wrap; flex-direction: column; } .footer .footer__content-top .footer__blocks-wrapper .footer-block--menu { width: 100% !important; } }
And this is the result:
Hope it helps @Daniel19901
If our suggestions are useful, please let us know by giving it a like, marking it as a solution, or donating here ☕.
B2B Solution & Custom Pricing | Product Labels by BSS
Need help from our expert? Kindly share your request with us via community@bsscommerce.com
Discover how to increase customer engagement on your store with articles from Shopify A...
By Jacqui Apr 23, 2025Hey Community 👋 Did you know that March 15th is National Everything You Think Is W...
By JasonH Apr 1, 2025Discover how to increase the efficiency of commerce operations with Shopify Academy's l...
By Jacqui Mar 26, 2025