Turning off slider navigation whites out hero image

Short description of issue

[working in custom theme draft]

Link to Shopify Store

site not yet published

Reproduction steps

We have a hero slideshow section (standard section from Shopify, not custom coded) and when I toggle the ‘show slider navigation’ to OFF (aka the < > arrows to scroll between the 2 hero images manually), the hero images white out. When I turn ‘show slider navigation’ to ON, the images and buttons come back.

Additional info

I’ve tried examining the backend code to find the arrows and just delete them which I can do when in my browsers inspect mode but haven’t managed to replicate in the actual code editor. For context, my coding skills are basic at best, and most of my knowledge lies with CSS.

I also tried toggling the navigation slider on a coworkers computer and the same issue happened so it’s not a device issue.

[side note, if anyone knows how to increase the button size in CSS that would be super helpful too!]

What type of topic is this

Troubleshooting

Upload screenshot(s) of issue


If its a carousel using javascript, you’ll need to properly integrate it with the theme customiser to ensure that it re-inits.

Integrate sections and blocks with the theme editor

1 Like