Classic Slider element not rendering properly

[bfemarketing]

I’m trying to use the Classic Slider element to create a simple slider,

I’ve added the slider into a full width single column row and I’ve added an image into both slides included in the slider, but when the page loads the slider does not appear.

Upon inspecting the page I found that the slides themselves had their width set to 0, and I also noticed that when the slides change the height of the slider is dynamically reset.

So I inserted the following code onto the page as a workaround:

This mostly worked, but now the slider doesn’t automatically change slides or allow manual clicking of the previous and next buttons until something else in the window is interacted with, or the window focus changes (clicking out of the browser and then back into it seems to ‘activate’ the slider).

I’d love to find a solution for displaying the slider that is a little less of a ‘hack’, but even just a solution for the slider not working working would be fine at this point.

url for the page in question: https://www.c3powerhouse.com/home-dev/

[tristup]

Hi @bfemarketing,

Thanks for reaching out.
It mostly happens due to the broken HTML, I would suggest you check by deleting the section one by one till the issue is fixed, and the last one you have deleted before the fix is the actual issue.
If that does not help, please provide login credentials for your site in a secure note to examine it further, including:

– WordPress Site URL & Login URL
– WordPress Admin username/password

To create a secure note, click the key icon underneath any of your posts.

Thanks

[bfemarketing]

Deleting the whole section with the slider and adding things back piece by piece seems to have done the trick. Thanks.

[matt]

Glad to hear that, @bfemarketing!