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

Solved
Highlighted
New Member
37 0 0

Nothing... this is the result

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

0 Likes
Globetrotter
703 65 82

@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 me.
My email - suyash.patankar@gmail.com
0 Likes
Highlighted
New Member
37 0 0
I fix the height but it doesn't change anything!
0 Likes
Highlighted
Globetrotter
703 65 82

This is an accepted solution.


@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 me.
My email - suyash.patankar@gmail.com
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
Highlighted
Globetrotter
703 65 82

@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 me.
My email - suyash.patankar@gmail.com
0 Likes