Sign up block

Store Design
,
1

Good morning all! I am trying to get this sign up block to be left aligned on the mobile but seems out of place compared to everything else. The desktop columns are fine, just the mobile that needs aligning correctly. if there is a code i can add to the theme.liquid file please let me know!
the url is: https://rz591a-jx.myshopify.com/ and password is thuflo

Untitled 1.png
Untitled 1.png492×899 25.7 KB

Untitled 2 1.png
Untitled 2 1.png1413×485 20.6 KB

2

Hi @kayodekevin

  1. Go to Online Store → Theme → Edit code.
  2. Open your theme.liquid file
  3. In theme.liquid, paste the below code before

If my reply is helpful, kindly click like and mark it as an accepted solution.
Thanks!

1 Like
3

Hi @kayodekevin
Add the below CSS code to section-footer.css file at the end

@media screen and (max-width: 749px) {
    .footer-block--newsletter {
        align-items: inherit !important;
    }
}

It will look like this

HuptechWeb_0-1737976769713.png
HuptechWeb_0-1737976769713.png643×904 21.6 KB

1 Like
4

Thank you! this worked just had to increase the -rem for it to be inline on the mobile but thank you!

1 Like
5

Thank you for your help!