Mobile footer not aligned to bottom + email subscribe form not centred

Store Design
1

Hi everyone

I would like my footer image to be aligned to the bottom of the page when on mobile view. I would also like the image to be smaller, compared to a laptop, so its more of a frame like on a laptop views (see pic)

I used this code to have the image in the footer:

#shopify-section-framework--footer{
 background-image: url("your image url");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

I would also like to centre the email sign up form when in mobile view. Its currently off centre

https://laz-the-plant-scientist.myshopify.com/ pword test

WhatsApp Image 2021-11-01 at 19.01.07 (1).jpeg
WhatsApp Image 2021-11-01 at 19.01.07 (1).jpeg946×2048 79 KB

Screenshot 2021-11-01 at 19.19.45.png
Screenshot 2021-11-01 at 19.19.45.png2056×730 229 KB

1 Like
2

@peter550

sorry that issue

i have check now all good and center you have fixed?

1 Like
3

hello @peter550

please Go to Online Store->Theme->Edit code then go to assets/theme.css ->paste below code at the bottom of the file.

@media screen and (max-width: 459px){
.section--footer .footer--blocks .footer--block {
    padding: 12px  0px;
}
}
1 Like
4
5

@Kinjaldavra to clairfy, I am now referring to the image in the footer being 1. too cropped/zoomed in 2. not aligning to the bottom, leaving a beige strip