How can I change my footer design? I want it to go from image 1 (actual) to image 2

Store Design
, , ,

Topic summary

A user seeks help redesigning their Shopify store footer, wanting to transform it from a current layout (Image 1) to a desired design (Image 2). They provide store credentials for access.

Key Developments:

  • PageFly support representative Noah suggests dividing the footer into 4 columns and offers to help with code implementation
  • Noah recommends repositioning 2 elements based on a reference image
  • Noah advises adding more content to one section within a “red frame” area for better balance

Technical Solution Provided:

  • Step-by-step instructions given to modify footer design
  • Involves editing theme.liquid file in Shopify’s code editor
  • Custom CSS/markup code to be added above the tag

Status: The discussion appears ongoing, with Noah waiting for the user to implement changes and provide feedback. The solution focuses on structural layout adjustments rather than a complete redesign.

Summarized with AI on November 10. AI used: claude-sonnet-4-5-20250929.
1

Can someone please help me edit my footer? If you consider yourself good at design, you might as well provide a better footer design :grinning_face_with_smiling_eyes: thx!

https://066cfc-10.myshopify.com/

Pass: P@lmo2024

Image 1
Image 11408×376 18 KB

Image 2 (expected or desired)
Image 2 (expected or desired)1152×376 21.4 KB

2

This is Noah from PageFly - Shopify Page Builder App

Hi @Christian_R normal I see people dividing into 4 columns like that, or other designs. If you have difficulty aligning it, please send the url link and I will help you add the code and fix it.

Screen Shot 2024-04-01 at 08.14.16.png
Screen Shot 2024-04-01 at 08.14.16.png2694×776 109 KB

Thank you.

Best regards,

Noah | PageFly

3

Hi Noah! Thanks for the advice!

This is the link to the website: https://066cfc-10.myshopify.com/

This is the password: [email removed]

4

Hi @Christian_R I think you should change position 2 element look like image: https://monosnap.com/direct/HwRYRNt5OvoZv95sKh8Q8N1fA4hSeL

Because the content is usually located after the introduction, after changing the application, please notify me so I can continue to help you. Thank you so much,

1 Like
5

Done!

6

You can follow code here to change design footer:

Step 1: Online Stores > Themes > Edit code

Step 2: Choose file theme.liquid
Step 3: Add code above the tag

But I think you should add one more content in the red frame so it can be balanced.
Thank you so much.
Hope my solution will help you resolve the issue.

Best regards,

Noah | PageFly

1 Like