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

Store Design
1

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

2

@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

3

@Alokkd152

4

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;}
}
5

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 :

Hope my answer will help you.

Best regards,

Victor | PageFly

6

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

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

7

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

8

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

9

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