How do I top align newsletter and move country selector in footer

[PYZ]

Hi !

How do I top align the newsletter form so it matches all the menu link headers and move the country selector to be under the newsletter form in desktop - please help.

 

[PYZ]

Thanks for the reply!

I'm using the Dawn theme. 

I've tried the vertical align for the newsletter both in the Custom CSS in the editor and in theme.liquid and it doesn't seem to move the field up.

Neither does the country selector move it under newsletter.

This is what I've included in the theme.liquid (+the previous codes to move the newsletter to the far right):

@media only screen and (min-width: 768px) {
.footer__content-top.page-width {
display: grid !important;
grid-template-columns: auto auto !important;
position: relative;
}
.footer-block--newsletter.scroll-trigger.animate--slide-in {
flex-direction: column !important;
}
.footer-block__newsletter:not(:only-child) {
margin-right: 0 !important;
margin-left: auto !important;
}

.footer-block__newsletter {

vertical-align: top;
}

#FooterCountryForm {

margin-top: 20px

}

[suyash1]

@PYZ -   You can try using css to take country under newsletter but may create some issues on few screens, but it will be done quickly, or you can edit code to take country selector under newsletter, this is time taking and complex way but it is reliable as well.

[PYZ]

Do you mean add it to the Custom CSS in the section?

Using what code? Margin-top? I've tried that and it didn't work.

[Ellie-BOGOS]

Hi @PYZ  😊 Ellie here from BOGOS, #1 Shopify Promotion App.

Could you share me your store URL (and password if needed)? I would check it for you 💙