Re: Slideshow Not Working on Desktop

Solved

Why isn't my website slideshow displaying on the desktop version?

RUnderdue
Visitor
3 0 0

I have the slideshow feature with two images on my website and it only shows on the mobile version and not the desktop. The headings are displaying but the actual photos are not. Please assist!

Accepted Solution (1)
KuldeepKumar20
Shopify Partner
279 34 62

This is an accepted solution.

Hi,

Edit your theme.scss file from the backoffice and add the css code bellow in the theme.scss file-

 

.slideshow__overlay::before{

display: none !important;

}

 

Thanks

 

For Design, Development and custom changes Hire Me.
If your problem solved then Like & Accept this Solution.
Email ID: kuldeep200395@gmail.com

View solution in original post

Replies 6 (6)

KuldeepKumar20
Shopify Partner
279 34 62

Could you please share the shop URL?

For Design, Development and custom changes Hire Me.
If your problem solved then Like & Accept this Solution.
Email ID: kuldeep200395@gmail.com

Nick
Shopify Staff (Retired)
4531 434 1026

Hi @RUnderdue,

 

Nick here from Shopify. 

 

Would you be able to share your store URL please and I can see what it looks like on my end? If you could also let me know the name of the theme you are using and if you downloaded any apps for the store it would be greatly appreciated. Without seeing the store and testing it, it's difficult to figure out what exactly might be going on here

 

Alternatively, you can also reach out to our primary support team about this to talk to someone directly

 

All the best, Nick

To learn more visit the Shopify Help Center or the Community Blog.

RUnderdue
Visitor
3 0 0
Nick,

My website is www.selfsufficientllc.com and the password is selfsufficient.
I have the light theme. I have not downloaded any apps.

Thank you,

Rasheema
KuldeepKumar20
Shopify Partner
279 34 62

This is an accepted solution.

Hi,

Edit your theme.scss file from the backoffice and add the css code bellow in the theme.scss file-

 

.slideshow__overlay::before{

display: none !important;

}

 

Thanks

 

For Design, Development and custom changes Hire Me.
If your problem solved then Like & Accept this Solution.
Email ID: kuldeep200395@gmail.com
RUnderdue
Visitor
3 0 0

Thank you soooo much! That worked!

shapedbymyjourn
Tourist
7 0 0

Hi; could you tell me exactly where in the  theme.scss file to add that code? my slide does not work either.