Venture slideshow top cut off on desktop but ok in mobile

pinkevolution
Tourist
4 0 1

Hi All,

Please give me a hand.

After a long time playing with the theme, I finally give up and use a image like this to avoid cut off of the top.

But it only work in mobile version

In desktop version it still show missing the top.

I am sure its just a small mistake i did but anyone can point me into the correct way?

What is the actual display size of the Venture slideshow?

The website is here

https://pink-evolution.com/

Please feel free to have a quick look at the slideshow area and compare with mobile.

 

i add empty space on the top to make it work...........

1 copy.jpg

 

擷取.JPG

Replies 3 (3)

dmwwebartisan
Shopify Partner
12289 2547 3698

@pinkevolution 

please add following css your assets/theme.scss.liquid bottom of the file.

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

Thanks!

If helpful then please Like and Accept Solution | Email: dmw.webartisan@gmail.com |  Instagram: @dmw.webartisan
Check here PageFly App to customize your pages | #1 Product Filter & Search app on Shopify | The most powerful Shopify page builder app
pinkevolution
Tourist
4 0 1

Hi Dmwwebartisan

Thx for your help, the top seems ok after i add it up to 

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

}

but is it possible to make 2 version, 1 for mobile and 1 for desktop?

or make this version just apply to desktop?

desktop looks good now, but mobile version seems too big and both side got cut off.

 

Many thx

pinkevolution
Tourist
4 0 1

do you have fixes on the mobile side missing problem?

many thx