slideshow is showing a white overlay in mobile how can i fix that on my store

[Alokkd152]

www.shofieewomen.com please check how can i fix the slider banner on this store in mobile it's fade how can i fix this issue

[NileshTejani]

@media only screen and (max-width: 579px) { .section-slideshow-v6 .info-sideh1 .picture-slideshow img{opacity:1} }

Add above css in timber.scss.css file at bottom 

[NileshTejani]

@Alokkd152 

[Jasoliya]

HI @Alokkd152 

add this code to remove white overly of mobile slider

Follow this:
1. Go to Online Store->Theme->Edit code
2. Asset->timber.scss.css or base.css Or theme.scss-> paste bellow code in bottom of file

@media only screen and (max-width: 767px) {
.section-slideshow-v6 .info-sideh1 .picture-slideshow img {opacity: 1 !important;}
}

[PageFly-Victor]

Hi @Alokkd152 ,

This is Victor from PageFly - Landing page builder, I’d like to suggest this idea for the  1 solution:

Step 1. Go to Online Store -> Theme -> Edit code
Step 2. Open your theme.liquid theme file
Step 3. Paste below code before </body> :

<style>
@media only screen and (max-width: 767px) { 
.section-slideshow-v6 .info-sideh1 .picture-slideshow img{
    opacity:1 !important;
} 
}
</style>

Hope my answer will help you.

Best regards,

Victor | PageFly

[shelbyra]

hi there. I am having trouble finding the body part to paste this above. I have a white box instead of my banner image in my slide. If i get this code in there properly, will it work for more slides if i add later? https://www.ratheboutique.com/

thanks so much im bashing my head in trying to make this work

[shelbyra]

ive removed the slide image for now cause my store is live and cannot have a blinking white page on it lol

[GemPages]

Hello @Alokkd152 

I would like to give you the recommendation to support you so kindly follow steps below:

1. Go to your Online store > Themes > Edit code
2. Open your theme.liquid file
3. Paste the below code before </body>

<style>
@media (max-width: 767px){
.section-slideshow-v6 .info-sideh1 .picture-slideshow img {
opacity:1 !important;
}
}
</style>

I hope the above is useful to you.
Best regards,
GemPages Support Team

[MarvelousMarvy]

Can i send a collaborator access request to your store? so as to help fix it