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
We appreciate the diverse ways you participate in and engage with the Shopify Communi...
By JasonH Sep 9, 2024Thanks to everyone who participated in our AMA with 2H Media: Marketing Your Shopify St...
By Jacqui Sep 6, 2024The Hydrogen Visual Editor is now available to merchants in Shopify Editions | Summer '...
By JasonH Sep 2, 2024