Align Newsletter in Footer Next to Main Menu and Quick Links on the Same Line

[forevercreative]

I am trying to align the email sign up to the same link as OUR COMPANY and QUICK LINKS.

I am unsure what to edit in my code.

[Dan-From-Ryviu]

Hi @forevercreative

Could you share your store link to check?

[ZestardTech]

Hello There,
Please share your store URL and Password.
So that I will check and let you know the exact solution here.

[Moeed]

Hey @forevercreative

Could you please provide your Store URL and, if applicable, the Password too? Your cooperation is greatly appreciated!

Best Regards,
Moeed

[forevercreative]

www.foreverlycreative.com

thank you!

[forevercreative]

Please see above. Thanks!

[forevercreative]

It is foreverlycreative.com

[Dan-From-Ryviu]

Hi @forevercreative

Please add this code at the bottom of your base.css file in Online store > Themes > Edit code

@media (max-width: 767px) {
.footer-block--newsletter {
    align-items: flex-start !important;
}
.footer-block--newsletter,
.footer-block--newsletter .footer-block__newsletter {
    margin-top: 0 !important;
}
}

[ZestardTech]

Hello There,

1. In your Shopify Admin go to online store > themes > actions > edit code
2. Find Asset > base.css and paste this at the Bottom of the file:

.footer-block--newsletter {
align-items: flex-start;
margin-top: 0;
}
.footer-block__newsletter {
margin: 0!important;
}

[ZestardTech]

Hello There,

1. In your Shopify Admin go to online store > themes > actions > edit code
2. Find Asset > base.css and paste this at the Bottom of the file:

.footer-block--newsletter {
align-items: flex-start;
margin-top: 0;
}
.footer-block__newsletter {
margin: 0!important;
}

[forevercreative]

I tried that solution but it is still not aligned.

[forevercreative]

I have tried the above solution but it still did not work.

[Dan-From-Ryviu]

My mistake, please update code to this

@media (min-width: 768px) {
.footer-block--newsletter {
    align-items: flex-start !important;
}
.footer-block--newsletter,
.footer-block--newsletter .footer-block__newsletter {
    margin-top: 0 !important;
}
}

[forevercreative]

It looks so much better but it is still not exactly aligned. Please see below.

I appreciate your help!

[Dan-From-Ryviu]

Update code

@media (min-width: 768px) {
.footer-block--newsletter {
    align-items: flex-start !important;
}
.footer-block--newsletter, #shopify-section-sections--19982979531074__footer .footer__content-top .footer-block--newsletter .footer-block__newsletter {
    margin-top: 0 !important;
}
}

[forevercreative]

Works beautifully! Thanks so much!

[Dan-From-Ryviu]

You are very welcome, @forevercreative