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

Solved
New Member
37 0 0

Nothing... this is the result

5107c55e-3276-4c68-b265-56f1cb23d53c.jpg

0 Likes
Navigator
337 37 37

@Ginetto wrote:

Nothing... this is the result

5107c55e-3276-4c68-b265-56f1cb23d53c.jpg


you can see black layer is bit reduced from bottom, so adjust the height value as per your need and it will work

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 fix the height but it doesn't change anything!
0 Likes

Success.

Navigator
337 37 37

@Ginetto wrote:
I fix the height but it doesn't change anything!

try this css, also i did not see previous one added means there can be a mistake when you added it

 

 

@media screen and (max-width:767px){
.hero-slideshow .slideshow__overlay:before{height:33.913295vw !important; min-height:36vw !important;}
}

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

paypal.me/suyashpatankar
0 Likes
Highlighted
New Member
37 0 0

OOOOH FINALLY!!! 

Thank you so much for your time! I don't know how to return the favor, thank you and thank you again!

0 Likes
Navigator
337 37 37

@Ginetto wrote:

OOOOH FINALLY!!! 

Thank you so much for your time! I don't know how to return the favor, thank you and thank you again!


you are welcome to donate any amount you want. That would be returning the favor ;)

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

paypal.me/suyashpatankar
0 Likes