How to Change Newsletter Form Position in Footer Menu ( Shopify Dawn Theme )
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
Please add this code to theme.liquid file, after <head> in Online Store > Themes > Edit code
<style>
@media (min-width: 750px) {
html .footer__content-top {
display: grid;
grid-template-columns: 4fr auto;
grid-template-rows: 1fr;
}
html .footer__content-top .footer-block--newsletter {
align-items: flex-start;
margin-top: 0px;
}
}
</style>
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
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?
Please add this code to theme.liquid file, after <head> in Online Store > Themes > Edit code
<style>
@media (min-width: 750px) {
html .footer__content-top {
display: grid;
grid-template-columns: 4fr auto;
grid-template-rows: 1fr;
}
html .footer__content-top .footer-block--newsletter {
align-items: flex-start;
margin-top: 0px;
}
}
</style>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?
