How to Change Newsletter Form Position in Footer Menu ( Shopify Dawn Theme )

[dreamtechzone_5]

Hello everyone,

I want to change the position of my Newsletter form in the footer menu of the Dawn Theme. Please help me.

Thank you in advance for your help!

Store: https://delicious-fruits-vegetables.myshopify.com/

Password: Admin

[DaisyVo]

Hi @dreamtechzone_5

Here is the code you can use:

.footer__content-top.page-width {
    display: flex !important;
}
.footer__content-top .footer__blocks-wrapper {
    width: 75% !important;
}
.footer__content-top .footer-block--newsletter {
    align-items: start !important;
    margin-top: 0 !important;
}

Here is the result:

You can add the code in the Custom CSS field.

Hope this can help!

Best,

Daisy

[Dan-From-Ryviu]

Hi @dreamtechzone_5

Please add this code to theme.liquid file, after in Online Store > Themes > Edit code

[DaisyVo]

Hi @dreamtechzone_5

To help the change not affect the mobile version, you can use this to apply on desktop instead:

@media screen and (min-width: 768px){
.footer__content-top.page-width {
    display: flex !important;
}
.footer__content-top .footer__blocks-wrapper {
    width: 75% !important;
}
.footer__content-top .footer-block--newsletter {
    align-items: start !important;
    margin-top: 0 !important;
}
}

Hope this can help!

Best, Daisy

[dreamtechzone_5]

Wow Great. It worked. Thank you So much. The newsletter form can be placed on the left side in mobile mode. Also can change the style of newsletter form like below image? Is it possible?

[dreamtechzone_5]

Wow Great. It worked. Thank you So much. The newsletter form can be placed on the left side in mobile mode. Also can change the style of newsletter form like below image? Is it possible?