Footer image to be aligned to the bottom of the page when on mobile view

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

 

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

pword test

Theme blockshop

 

peter550_0-1637079608294.jpeg

 

peter550_1-1637079608318.png

 

 

Replies 2 (2)
KetanKumar
Shopify Partner
25061 2508 9070

@peter550 

thanks for update 

 can see its all center 

KetanKumar_0-1637089037908.png

 

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
peter550
Explorer
76 1 36

@KetanKumar thank you, but if you go onto your phone and onto the site you can see its not aligned to the bottom. It is centred but there is a gap underneath the image at the bottom. Please can you check?