I would like to make a change to the footer layout specifically for mobile view. Currently, the “Explore” and “Support” sections appear one below the other, but I’d like them to be displayed side by side, similar to how they appear in the desktop view.

Hi, Hope this will work Go to Your Theme Code and Click Edit code. Find the Footer File (footer.liquid) Wrap the “Explore” and “Support” Sections in a Flexbox Add Custom CSS for Mobile View CSS example @media screen and (max-width: 768px) { .footer__blocks { display: flex; flex-direct…

Hello @Adesh1 Please follow the steps below after logging into the Shopify admin: Go to your Shopify Admin panel. Click on Online Store > Themes. Find the live theme and then click Actions > Edit code. Search main.css Insert the provided CSS code at the end of the file and save the c…

Needed to Adjust Footer Layout for Mobile View

Store Design

Denishamakwana June 12, 2025, 4:58am 3

Hi,

Good morning,

Welcome to the shopify ,

Please share your store URL and if your store is password protected then also provide password too.
Thank you.

Topic		Replies	Views
How to Move "Support" Section Inside "Explore" Section in Footer (Mobile View Only) – HTML/CSS Help Store Design design , customizations , css , html	5	95	June 26, 2025
How can I adjust footer layout for mobile view? Store Design design	7	102	February 27, 2024
How to I change the footer on mobile to have the page navigation sections next to each other Store Design	3	64	June 22, 2021
12.0 Dawn Theme Home Page Footer and Section Help Store Design design	3	87	August 1, 2024
How can I fix a split footer issue in mobile view? Store Design	4	78	September 16, 2022

Needed to Adjust Footer Layout for Mobile View

Related topics