Hello Everyone!
I am using shopify dawn theme. I want to keep 2 columns per line in mobile mode of footer section. Please help me. Thank you.
Store Url: https://blue-chic-clothes.myshopify.com/
Password: Admin
Exactly like this image.
Topic summary
A Shopify Dawn theme user seeks to display footer content in a 2-column layout on mobile devices instead of the default single-column stack.
Solution Provided:
- Add custom CSS code to the theme.liquid file, placed above the
</head>tag - Access via: Online Stores > Themes > More Actions > Edit code
- The CSS targets footer elements to create the desired 2-column mobile layout
Current Status:
- Initial solution successfully implemented and working
- User requests additional help to reduce spacing between columns
- Discussion remains open for spacing adjustment guidance
Note: The conversation includes reference images showing the desired layout and implementation steps, though specific CSS code details are obscured in the provided text.
This is Richard from PageFly - Shopify Page Builder App
Please add this code to your theme.liquid above the to get this solved
Step 1: Online Stores > Themes > More Actions > Edit code
Step 2: click on theme.liquid and paste the code above the
Hope this can help you solve the issue
Best regards,
Richard | PageFly
1 Like
Thank you.
