Shopify themes, liquid, logos, and UX
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
@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
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;}
}
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
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
ive removed the slide image for now cause my store is live and cannot have a blinking white page on it lol
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
Can i send a collaborator access request to your store? so as to help fix it
2m ago Learn the essential skills to navigate the Shopify admin with confidence. T...
By Shopify Feb 12, 2025Learn how to expand your operations internationally with Shopify Academy’s learning path...
By Shopify Feb 4, 2025Hey Community, happy February! Looking back to January, we kicked off the year with 8....
By JasonH Feb 3, 2025