Remove white space in footer

Solved

Remove white space in footer

ErhatRO
Explorer
60 1 5

Hello!

 

I would like assistance with removing the space here below the ruby. The footer is disabled and there is too much white space. 

Thank you!

Screenshot 2024-10-31 234545.png

Accepted Solution (1)

Dan-From-Ryviu
Shopify Partner
11567 2264 2447

This is an accepted solution.

Please add this code to Custom CSS of that section in Online Store > Themes > Customize 

@media (max-width: 749px) {
.banner__media { height: calc(100vh - 57px); }
}

Screenshot 2024-11-01 at 14.13.34.png

 

- Helpful? Like & Accept solution!
- Ryviu - Product Reviews & QA app: Collect customer reviews, import reviews from AliExpress, Amazon, Etsy, Walmart, Dhgate and CSV.
- Reton: Loyalty & Rewards - Earn points through tasks, redeem for discounts, and enjoy exclusive VIP rewards!
- Lookfy Gallery: Lookbook Image - Gain customers with photo gallery, video & shoppable image
- Reelfy‑Shoppable Videos+Reels: Create shoppable videos to engage customers and drive more sales.
- En...
Sign up now.

View solution in original post

Replies 5 (5)

DaisyVo
Shopify Partner
4385 486 578

Hi @ErhatRO 

 

Could you please share with me your store URL?

 

Best,

 

Daisy

Please let us know if our reply is helpful by giving it a Like or marking it as a Solution!

Avada SEO & Image Optimizer - The #1 SEO solution
ErhatRO
Explorer
60 1 5

RIGHTEOUS OFFICIAL 

right5785*

DaisyVo
Shopify Partner
4385 486 578

Hi @ErhatRO 

 

Upon checking, I see that on mobile, the height appears as it is, and since the image is small, there is empty space below. There is no other content below to push up, so it remains empty.

DaisyVo_0-1730434560897.png

 

However, if the image is too large, it expands horizontally, overflowing the borders and getting cropped. On the other hand, if you try to compress it to make it longer, the image stretches and loses its original proportions.

 

Please consider my suggestion and let me know about your preference so I can help you adjust it

 

Best,

 

Daisy

Please let us know if our reply is helpful by giving it a Like or marking it as a Solution!

Avada SEO & Image Optimizer - The #1 SEO solution
ErhatRO
Explorer
60 1 5

Thank you!

Dan-From-Ryviu
Shopify Partner
11567 2264 2447

This is an accepted solution.

Please add this code to Custom CSS of that section in Online Store > Themes > Customize 

@media (max-width: 749px) {
.banner__media { height: calc(100vh - 57px); }
}

Screenshot 2024-11-01 at 14.13.34.png

 

- Helpful? Like & Accept solution!
- Ryviu - Product Reviews & QA app: Collect customer reviews, import reviews from AliExpress, Amazon, Etsy, Walmart, Dhgate and CSV.
- Reton: Loyalty & Rewards - Earn points through tasks, redeem for discounts, and enjoy exclusive VIP rewards!
- Lookfy Gallery: Lookbook Image - Gain customers with photo gallery, video & shoppable image
- Reelfy‑Shoppable Videos+Reels: Create shoppable videos to engage customers and drive more sales.
- En...
Sign up now.