How to move footer menu below subscribe

Store Design
1

I would like to move the footer menu below the subscribe email and social links in the footer

https://q478a5ljt5g7ge1x-85805793561.shopifypreview.com/

nmn22601_0-1716125923589.png
nmn22601_0-1716125923589.png1883×628 167 KB

2

Hey @nmn22601 ,

Go to your theme’s “Edit Code” Option, then in the search bar type “theme.liquid”
Below the tag “” tag paste the following. Screenshot attached for reference.

Screenshot is for reference only, the correct code to paste is the one shown above.

ThePrimeWeb_0-1716126567829.jpeg
ThePrimeWeb_0-1716126567829.jpeg1253×933 87.9 KB

3

Hi @nmn22601 ,

You can try this code by following these steps:

Step 1: Go to Shopify Admin → Online Store ->Theme → Edit code

BSSTechVenture_0-1716127001110.png
BSSTechVenture_0-1716127001110.png1902×899 133 KB

Step 2: Search file base.css, theme.css or styles.css

BSSTechVenture_1-1716127005946.png
BSSTechVenture_1-1716127005946.png1916×934 101 KB

Step 3: Insert the below code at the bottom of the file → Save

.footer__content-top.page-width {
    display: flex !important;
    flex-direction: column !important;
}

.footer__blocks-wrapper:has(.footer-block--menu) {
    order: 2 !important;
    margin-top: 15px !important;
}

Here is result:

BSSTechVenture_2-1716127036706.png
BSSTechVenture_2-1716127036706.png1919×878 199 KB

Hope this can help you,

If our suggestions are useful, please let us know by giving it a like or marking it as a solution. Thank you :heart_eyes:

4

Hello @nmn22601

This is Amelia at PageFly - Shopify Advanced Page Builder app.

You can try the following steps I have provided to help you solve the problem you are facing:

Step 1: Online Stores > Themes > Edit code

Step 2: Choose file base.css

Step 3: Add code

Hoping my solution helps you solve your problem.

Best regards,

Amelia | PageFly