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
Starting a B2B store is a big undertaking that requires careful planning and execution. W...
By JasonH Sep 23, 2024By investing 30 minutes of your time, you can unlock the potential for increased sales,...
By Jacqui Sep 11, 2024We appreciate the diverse ways you participate in and engage with the Shopify Communi...
By JasonH Sep 9, 2024