Newsletter position and footer size

[Xakhil]

I have no programming knowledge and I've been building my site watching youtube and searching the community.Can anyone help me change the footer position only for desktop site ?. I just cant seem to figure out what to do here.

it looks like this

How do i get it to look like this

Also how can i get my newsletter to look excatly like in the reference pic ?

Do i need an app ?

store : https://www.elvendesires.com/

pwd :   iahiat

[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 .grid {
    column-gap: 9rem !important;
}
.footer__content-top.page-width {
    display: flex !important;
    max-width: 100% !important;
    justify-content: space-evenly;
    padding-top: 2rem !important;
}
.footer-block--newsletter.scroll-trigger.animate--slide-in {
    align-items: baseline;
    margin: 0 !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]

Thank you @Moeed  it worked.

Can you also help me with changing how the newsletter look ?

I'm adding a reference pic below