Venture Theme Mobile Home Page White Space

[aymanemsi]

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? 

[Pallavi]

Hello There, 

Kindly share your store password. 

[aymanemsi]

paulta

[dmwwebartisan · 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! 

[aymanemsi]

It worked, Thank you!! 

[aymanemsi]

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? 

 

[dmwwebartisan]

@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! 

[aymanemsi]

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!