Sticky images covering footer help?

Sticky images covering footer help?

nope-rope
Tourist
8 0 3

Im having a prolem with my product images. They stick on scroll which is good but I can't get them to move up as you get to the footer - they are over top of the footer. I would like the image to move up as the footer is displayed. any ideas?

 

noperope_0-1728717922092.png

 

Replies 3 (3)

Moeed
Shopify Partner
7518 2031 2496

Hey @nope-rope 

 

Follow these Steps:

1) Go to Online Store
2) Edit Code
3) Find theme.liquid file

4) Add the following code in the bottom of the file above </body> tag

 

<style>
footer.footer.color-scheme-4.gradient.section-sections--22462003216577__footer-padding {
    z-index: 999999999999 !important;
    position: relative;
}
</style>

 

RESULT:

Moeed_0-1728718653308.png

 

If I managed to help you then, don't forget to Like it and Mark it as Solution!

 

Best Regards,
Moeed

- Need a Shopify Specialist? Chat on WhatsApp

- Get a quick Shopify quote – Click here!

- Custom Design | Advanced Coding | Store Modifications


nope-rope
Tourist
8 0 3

Hi Mooed! Thanks for this, and it is working although it seems to be limiting the images. For example, the screenshot you took is missing a thumbnail. Any ideas?

nope-rope
Tourist
8 0 3

Still no working answer to this, anyone?