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

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

Alokkd152
New Member
7 0 0

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

Replies 8 (8)

NileshTejani
Shopify Partner
203 12 43

@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 

- Did we solve your issue? Like & Mark As Solution to help the community

Should you need any direct help:
Get connected: Upwork | Help Center
NileshTejani
Shopify Partner
203 12 43

@Alokkd152 

- Did we solve your issue? Like & Mark As Solution to help the community

Should you need any direct help:
Get connected: Upwork | Help Center

Jasoliya
Shopify Partner
4823 625 1225

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

 

 

Want custom changes? hire me.
3 months of Shopify for $1/month. Look here.
Email us Or WhatsApp, Try our Free app for product bundles and Codify Order Cancel or Order edit
Want to get Free review and advice for sale on store ?? just text me here

PageFly-Victor
Shopify Partner
7865 1786 3127

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
Excursionist
15 1 3

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
Excursionist
15 1 3

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

GemPages
Shopify Partner
5625 1262 1267

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

GemPages - Build any high-converting store pages for any business


- If you find my reply helpful, please hit Like and Mark as Solution
- Get connected: App Store | Blog | Community | Help Center

MarvelousMarvy
Shopify Partner
3 0 0

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