How do I reposition the email subscripition in my footer

[YoavC]

Hello Shopify Community,

I am trying to reposition the email subscription in my footer. Please see attached. I would like the email subscription to be positioned on the right side, aligned at the top with my logo, 'Quick Links' and 'Our Story'. I am aware there are quite a few threads that discuss this but I looked at several without success. This is the most recent I could find which did not work. https://community.shopify.com/c/shopify-design/how-can-i-rearrange-items-in-my-website-footer/m-p/22.... Thank you in advance for your help.

Best,

Y

[oscprofessional]

Hello @YoavC 

Could You Please Share Your Store URl , If Your Store is Password Protected then Please Share Password as Well.

[YoavC]

Hello @oscprofessional,

My store URL is: https://yokadesign.co.uk/password. Password is: Settingup1234

[oscprofessional]

Hey @YoavC 
Follow below Steps
1) Go to Online Store
2) Edit Code
3) Navigate to 'section-footer.css'
4) And add the below code at the end of file

@media screen and (min-width: 750px) {
.footer__content-top {
display: flex;
justify-content: space-between;
}
.footer__content-top .grid {
flex: 0 0 75%;
}
.footer-block--newsletter {
flex: 0 0 25%;
align-items: flex-start;
}
}

[YoavC]

Hello @oscprofessional,

Thank you, this code moved the email subscription to the right side. Can you also help me move it to the top so it is aligned with the Quick Links, Our Story and my logo? Also, how do I make the text justify to the left?

[oscprofessional · Accepted solution]

Ok. Add this in the same file

.footer-block__newsletter {
flex-grow: 1;
text-align: left;
}
.footer-block--newsletter {
margin-top: 0;
}

I hope this solution meets our needs.
Thank you!!