I added a section slider to the top of my website with three images. On the Edit page it works properly and looks like it should, but it doesn’t show up or work right on the live website. On the live website, the three images that should be part of the slider show up at the same time each one below the other as you continue to scroll, and the navigation buttons don’t show up.
I tried adding the slider a different way. This time using the block library and selecting a slider block, instead of using the block component menu and clicking section slider like I did last time. I added the block template and put up my changes without editing the template in any way to test it. Once again, it worked right while editing, but the live view is all messed up. When viewing it on the live website only one slide shows up and the navigation buttons and dots are not included.
I’m not sure what is causing this or how to fix it so I hope you can help. I will include a link to the screenshot of what my website looks like when the slider isn’t working below this.