How can I embed a fixed image in my web footer?

Store Design
1

Hello everyone,

I have already tried using code from other similar posts.

I have an image i want to embed in my web footer and i want it fixed so it does not move.

I know this code to insert the image in the footer:

#shopify-section-footer footer { background-image: url([i](https://cdn.shopify.com/s/files/1/0689/0238/7976/files/Diseno_sin_titulo_30.png?v=1713284880)mage-url) !important; background-size: cover; background-repeat: repeat; background-position: center; }

However using this code the image moves as i scroll down. (i dont want that)

I do not know how i can leave it fixed.

What i am trying to achieve here, is to attach the “wave” image below to the top of the footer so i can then embed my klaviyo embedded form code on top of the “wave” png in the footer also. So the footer would be the klaviyo form, then the image and then the rest of the footer info.

Captura de pantalla 2024-04-16 a las 18.52.35.png
Captura de pantalla 2024-04-16 a las 18.52.35.png1153×764 80.7 KB

Hope that helps :slightly_smiling_face:

2

Hi @eliotp ,
Can you kindly share your store link (with the password, if any) with us? We will check it and suggest you a solution if possible.

3

Hi,

Thanks for the fast reply.

https://ganbattesuperfoods.com/

colaborator code:5565

Thanks!

4

HI,

Did i share the link/password correctly. First time doing this.

Thanks!