Change the position of the newsletter registration in the footer

[BettoM14]

Hello!

I want to change the position of my newsletter registration section in the footer on the desktop version and keep in centered on the mobile version. This is my url: www.asame-mode.com.

Can somebody help me to fix it?

[theycallmemakka]

Hi @BettoM14 

Follow these Steps:

1) Go to Online Store
2) Edit Code
3) Find theme.liquid file
4) Add the following code just above tag </body>

<style>
@media screen and (min-width: 750px) {
    .footer__content-top.page-width {
        display: flex!important;
        gap: 30px!important;
        justify-content: center!important;
        align-items: baseline!important;
    }
    
    .footer-block--newsletter {
        margin-top: 0px!important;
    }
}
</style>

If you require further help to optimize your store, please don’t hesitate to reach out. If you find this information useful, a Like would be greatly appreciated. And if this solves the problem, please Mark it as Solution!

Best Regards,
Makka

[BettoM14]

Hi @theycallmemakka, i tried your suggested code, but it didn't work. Shall is share my whole base.css code here so you can have a look. Or do you have an other solution?

Thank you in advance!

[Dan-From-Ryviu]

Please update the code to this. 

Please add this code at the bottom of the base.css file of your theme. 

@media (min-width: 750px) {
    .footer__content-top.page-width {
        display: flex!important;
        gap: 30px!important;
        justify-content: center!important;
        align-items: baseline!important;
    }
    .footer-block--newsletter {
        margin-top: 0px!important;
    }
}