Flip footer section, see attachment

[Ab52]

Hello everyone, 

how to flip my footer section the other way around, see attachment. Can someone help me?

IMPACT theme

How i wanted to be:

https://cdn.shopify.com/s/files/1/0818/9296/6737/files/IMG_0433.png?v=1712326607

how it is:

https://cdn.shopify.com/s/files/1/0741/4461/2617/files/IMG_0893.jpg?v=1725891907 

store: 

https://oqnqjq71fyisj9vt-74144612617.shopifypreview.com

[BSS-TekLabs · Accepted solution]

- Here is the solution for you @Ab52 
- Please follow these steps:

- Then find the theme.liquid file.
- Then add the following code at the before tag </head> and press 'Save' to save it.

 

<style>
@media screen and (min-width: 1000px) {
    .footer__block--newsletter {
        order: 1 !important;
    }
}
</style>

- Here is the result you will achieve:

- Please press 'Like' and mark it as 'Solution' if you find it helpful. Thank you.

[BSS-TekLabs · Accepted solution]

<style>
@media screen and (min-width: 1000px) {
    .footer__block--newsletter {
        order: 1 !important;
    }
.rich-text.justify-start {
    right: -80% !important;
}
}
</style>

Please replace to this code if you want like that @Ab52 

[BSS-TekLabs · Accepted solution]

- Here is the solution for you @Ab52 
- Please follow these steps:

- Then find the theme.liquid file.
- Then add the following code at the before tag </head> and press 'Save' to save it.

 

<style>
@media screen and (min-width: 1000px) {
    .footer__block--newsletter {
        order: 1 !important;
    }
}
</style>

- Here is the result you will achieve:

- Please press 'Like' and mark it as 'Solution' if you find it helpful. Thank you.

[Ab52]

Hi, i wanted the rich text below the newsletter to. What should i implement

[BSS-TekLabs · Accepted solution]

<style>
@media screen and (min-width: 1000px) {
    .footer__block--newsletter {
        order: 1 !important;
    }
.rich-text.justify-start {
    right: -80% !important;
}
}
</style>

Please replace to this code if you want like that @Ab52 

[BSS-TekLabs · Accepted solution]

If you want like that please try this code @Ab52 

<style>
@media screen and (min-width: 1000px) {
    .footer__block--newsletter {
        order: 1 !important;
    }
.rich-text.justify-start {
        right: -80% !important;
    position: relative;
    top: -100px !important;
}
}
</style>