How to have a different overlay between desktop and mobile slideshows?

[Ginetto]

Hello everyone, can you tell me how I can set an overlay of for example 50% on the desktop and an overlay of 0% on the mobile for the same slideshow?
Thank you so much!

[suyash1]

---

@Ginetto wrote:

Hello everyone, can you tell me how I can set an overlay of for example 50% on the desktop and an overlay of 0% on the mobile for the same slideshow?
Thank you so much!

---

overlay can be adjusted via css which needs to be set as per viewport of the device

[Ginetto]

Sorry, and how can I do it?

[suyash1]

---

@Ginetto wrote:
Sorry, and how can I do it?

---

are you familiar with media queries? 

can you share your website url and password if any?

you can contact me

[Ginetto]

Mmh no i’m not very familiar with this...
My url site is : https://fitorfat.myshopify.com/
Password : yeflao

[suyash1]

which overlay you want to remove on slider?

[Ginetto]

I want an overlay of 35% for all the dekstop slideshow, and an overlay of 0% for all the mobile slideshow

[suyash1]

means on mobile, do you want to remove that black layer only or text too?

[Ginetto]

Only the black layer

[suyash1]

please add following css to the end of theme.scss file and check, you can
adjust height


@media screen and (max-width:767px){

.hero-slideshow .slideshow__overlay:before{height:33.913295vw !important;}

}