Venture Theme Mobile Home Page White Space

Solved
Tourist
16 0 2

Hey There 

I just created my store and I tweaked the code a bit, but there's a huge problem with the mobile version of the website. 

There's a white space that looks weird and I really want to get rid of that.

On the Desktop version, it's okay there's no white space. 

The Website link: https://bloomyzone.com

Any suggestions? 

Community Pic.jpg

0 Likes
Shopify Expert
467 49 51

Hello There, 

Kindly share your store password. 

Want to modify or develop new app, Hire us.
If helpful then please Like and Accept Solution .
Email: support@zestard.com
Shopify Apps URL :- https://apps.shopify.com/partners/zestard-technologies
Custom Modifications Into Shopify Theme | Shopify Private App | SEO & Digital Marketing
0 Likes
Tourist
16 0 2

paulta

0 Likes
Shopify Partner
3627 809 993

This is an accepted solution.

@aymanemsi 

Please add the following code at the bottom of your assets/theme.scss.liquid file.

.hero{
height: 271px !important;
}

 

Hope this works.

Thanks! 

If helpful then please Like and Accept Solution.
Do you need custom changes on store ? Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Do you want drag-and-drop Advanced Shopify Page Builder to customize your pages? check here PageFly App
This will help you grow conversion rate and sales for your e-Commerce business.
Tourist
16 0 2

It worked, Thank you!! 

Tourist
16 0 2

Hey 

There's a problem, here in the slideshow it's not big enough and in the desktop version of the website, the image doesn't show up completely. 

What should I do? 

2020-11-24 16_35_32-Greenshot.png

0 Likes
Shopify Partner
3627 809 993

@aymanemsi 

Remove my old code and try to add this new code. 

@media only screen and (max-width: 750px){
.hero{ height: 271px !important; }
}

 

Let me know if this works.

Thanks! 

If helpful then please Like and Accept Solution.
Do you need custom changes on store ? Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Do you want drag-and-drop Advanced Shopify Page Builder to customize your pages? check here PageFly App
This will help you grow conversion rate and sales for your e-Commerce business.
0 Likes
Tourist
16 0 2

I tried both the old code and the new code, but I put the old one first and the new one after it, and I think it worked. 

Now I can change the height on the desktop version without changing the mobile version. 

Thank you a lot!