Solved

Image before Footer: Venture Theme

ChamanGarg
Pathfinder
94 0 25

Hi,

I wanted to add an image before the footer.

I added this code in the top of the footer.liquid code:

 

 

<div id="container">
    <img id="image" src="https://cdn.shopify.com/s/files/1/0585/8990/5071/files/Footer_1_Final.jpg?v=1627396169"> 
</div>

 

 

However, there is a small space that is coming below the image like this:

 

Screenshot 2021-07-27 at 9.23.00 PM.png

 

Can you tell me how can I remove this space.

 

Store- sohumretail.myshopify.com

Pass- Chaman@10

 

 

Accepted Solution (1)

oscprofessional
Shopify Partner
15830 2369 3072

This is an accepted solution.

Hello,
you are facing this issue, it would be my pleasure to help you.
Welcome to the Shopify community!

I have gone through your store ,after that i tried to solved this problem like this i have shared screenshot.

also shared for the mobile view.

 

forum4.jpg

 

forum5.jpg

 

If you don't understand the screenshots then you can see the code which i have given below.

 

@media only screen and (min-width: 750px)
.site-footer {
margin-top: -2rem;
}

//for the mobile view//

.site-footer {
margin-top: -1rem;
}

 

 

Get pass your Store Core Web Vital Free Speed Optimization Audit, Chat on WhatsApp | Skype : oscprofessionals-87 | Email: pallavi@oscprofessionals.com | Custom Pricing Wholesale App : Free | Hire us | Guaranteed Site Speed Optimization | Website Free Audit | Shopify Theme Customization | Build Shopify Private App | Shopify SEO | Digital Marketing

View solution in original post

Replies 2 (2)

oscprofessional
Shopify Partner
15830 2369 3072

This is an accepted solution.

Hello,
you are facing this issue, it would be my pleasure to help you.
Welcome to the Shopify community!

I have gone through your store ,after that i tried to solved this problem like this i have shared screenshot.

also shared for the mobile view.

 

forum4.jpg

 

forum5.jpg

 

If you don't understand the screenshots then you can see the code which i have given below.

 

@media only screen and (min-width: 750px)
.site-footer {
margin-top: -2rem;
}

//for the mobile view//

.site-footer {
margin-top: -1rem;
}

 

 

Get pass your Store Core Web Vital Free Speed Optimization Audit, Chat on WhatsApp | Skype : oscprofessionals-87 | Email: pallavi@oscprofessionals.com | Custom Pricing Wholesale App : Free | Hire us | Guaranteed Site Speed Optimization | Website Free Audit | Shopify Theme Customization | Build Shopify Private App | Shopify SEO | Digital Marketing
ChamanGarg
Pathfinder
94 0 25

Hi @oscprofessional ,

 

Thank you so much for the response. Could you please tell me where should I paste the code that you sent?