A user seeks help rearranging their Shopify store footer to place the email signup link on the left with social media icons directly below, and quick links stacked on the right side.
Solutions Provided:
Three different approaches were offered:
Custom CSS via theme.liquid - Add code above the </body> tag to restructure the footer layout
CSS in stylesheet - Insert custom CSS at the bottom of main.css/base.css/style.css using flexbox properties (display: flex, flex-direction: row-reverse) to reverse column order and adjust alignment
PageFly solution - Add code above </head> in theme.liquid
All solutions involve adding custom CSS code to modify the footer’s display properties and element positioning. The responses include step-by-step instructions for accessing the theme editor and locating the appropriate files.
Note: Some text in the original posts appears corrupted or reversed, making certain code snippets and details difficult to verify.
Hi @avk9641
This is Theodore 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,
Theodore | PageFly