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

eliotp
New Member
4 0 0

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:

    <style>

#shopify-section-footer footer {

    background-image: url(image-url) !important;

    background-size: cover;

    background-repeat: repeat;

    background-position: center;

}

</style>

 

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

 

Hope that helps 🙂

 

Replies 3 (3)

BSS-Commerce
Shopify Expert
3477 461 520

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.

If our suggestions are useful, please let us know by giving it a like or marking it as a solution.

For B2B solutions and custom pricing, check out B2B Solution & Custom Pricing |
For adding product labels/badges, visit Product Labels by BSS

BSS Commerce - Shopify Apps & Store Development Service Provider

Hire a Shopify expert | Shopify Plus Store Development

eliotp
New Member
4 0 0

Hi,

 

Thanks for the fast reply.

 

https://ganbattesuperfoods.com/

 

colaborator code:5565

 

Thanks!

 

eliotp
New Member
4 0 0

HI,

 

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

 

Thanks!