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

peter550
Explorer
76 1 36

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).jpegScreenshot 2021-11-01 at 19.19.45.png

Replies 4 (4)
KetanKumar
Shopify Partner
24923 2498 9041

@peter550 

sorry that issue 

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

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
Natztech
Shopify Partner
2237 565 1373

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;
}
}

 

peter550
Explorer
76 1 36

@Natztech hi thank you. I put this code in the 'theme asyncc css' folder, as I couldnt find the 'assets/theme.css' folder. (see below). it did not work. 

 

Pleas help?!

IMG_F0A29D4EBA3F-1.jpegScreenshot 2021-11-03 at 11.33.46.png

 

peter550
Explorer
76 1 36

@Natztech 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