Social media icons and email signup - Dawn theme

[Xakhil]

Can anyone help me move the email signup and social media icons is my footer ?

It looks like this now

i want it to look like this

Please help

[Moeed · Accepted solution]

Hey @Xakhil 

Follow these Steps:

1) Go to Online Store
2) Edit Code
3) Find theme.liquid file

4) Add the following code in the bottom of the file above </body> tag

<style>
@media screen and (min-width: 768px) {
.footer__content-top.page-width {
    flex-flow: column;
    gap: 2rem !important;
}
.footer-block__newsletter {
    width: 30% !important;
    max-width: 30% !important;
    margin: 0 !important;
}
.footer-block--newsletter.scroll-trigger.animate--slide-in {
    justify-content: flex-start !important;
}
}
</style>

RESULT:

If I managed to help you then, don't forget to Like it and Mark it as Solution!

Best Regards,
Moeed

[Dan-From-Ryviu]

Hi @Xakhil 

Could you share your store URL so I can check? 

[Xakhil]

sorry for the late reply

store : https://www.warmreliefsolutions.com/

pwd : 121sgfss

[Dan-From-Ryviu]

Please add this code to theme.liquid file, before </head> 

<style>
@media (min-width: 750px) {
    html .footer .footer__content-top{
        display: block !important;
    }
    html .footer .footer-block--newsletter {
        display: inline-flex !important;
        align-items: flex-end !important;
        margin-top: 4rem !important;
    }
}
</style>

[DaisyVo]

Hi @Xakhil 

Could you please share with us your store URL so we can check it further?

Thank you!

Best,

Daisy - Avada Support Team. 

[Moeed · Accepted solution]

Hey @Xakhil 

Follow these Steps:

1) Go to Online Store
2) Edit Code
3) Find theme.liquid file

4) Add the following code in the bottom of the file above </body> tag

<style>
@media screen and (min-width: 768px) {
.footer__content-top.page-width {
    flex-flow: column;
    gap: 2rem !important;
}
.footer-block__newsletter {
    width: 30% !important;
    max-width: 30% !important;
    margin: 0 !important;
}
.footer-block--newsletter.scroll-trigger.animate--slide-in {
    justify-content: flex-start !important;
}
}
</style>

RESULT:

If I managed to help you then, don't forget to Like it and Mark it as Solution!

Best Regards,
Moeed

[Xakhil]

@Moeed  Thank you it worked. I would like to align the social media icons with the email signup. Is that possible ?

[Moeed · Accepted solution]

Hey @Xakhil 

Remove the previous code and try this updated code with the same steps mentioned above.

<style>
@media screen and (min-width: 768px) {
.footer__content-top.page-width {
    flex-flow: column;
    gap: 2rem !important;
}
.footer-block__newsletter {
    width: 30% !important;
    max-width: 30% !important;
    margin: 0 !important;
}
.footer-block--newsletter.scroll-trigger.animate--slide-in {
    justify-content: flex-start !important;
    align-items: flex-end !important;
}
}
</style>

RESULT:

If I managed to help you then, don't forget to Like it and Mark it as Solution!

Best Regards,
Moeed

[Xakhil]

@Moeed  Thank you 🤗

[Moeed]

Thank you for your reply. I'm glad to hear that the solution worked well for you. If you require any more help, please don't hesitate to reach out. If you find this information useful, a Like would be greatly appreciated.