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

Solved
New Member
37 0 0

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!

0 Likes
Navigator
338 37 37

@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

you are welcome to contact / donate small amount to me.
My email - suyash.patankar@gmail.com

paypal.me/suyashpatankar
0 Likes
New Member
37 0 0
Sorry, and how can I do it?
0 Likes
Navigator
338 37 37

@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

you are welcome to contact / donate small amount to me.
My email - suyash.patankar@gmail.com

paypal.me/suyashpatankar
0 Likes
New Member
37 0 0
Mmh no i’m not very familiar with this...
My url site is : https://fitorfat.myshopify.com/
Password : yeflao
0 Likes
Navigator
338 37 37
which overlay you want to remove on slider?
you are welcome to contact / donate small amount to me.
My email - suyash.patankar@gmail.com

paypal.me/suyashpatankar
0 Likes
New Member
37 0 0
I want an overlay of 35% for all the dekstop slideshow, and an overlay of 0% for all the mobile slideshow
0 Likes
Highlighted
Navigator
338 37 37
means on mobile, do you want to remove that black layer only or text too?
you are welcome to contact / donate small amount to me.
My email - suyash.patankar@gmail.com

paypal.me/suyashpatankar
0 Likes
New Member
37 0 0
Only the black layer
0 Likes
Navigator
338 37 37
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;}

}
you are welcome to contact / donate small amount to me.
My email - suyash.patankar@gmail.com

paypal.me/suyashpatankar
0 Likes