Slider not working on Mobile and Tablet Device

Hi @rankmadeeasy!

The problem on your website is, that you published the slider into the desktop header codepart of your theme. On smaller devices your theme displays another menu, the mobile dropdown menu and that is why its desktop header gets hidden including the slider.

So I suggest publishing the slider elsewhere, under both headers, in a placement that shows up on all devices. As I see you are using Astra theme, so you could follow this documentation, which should insert the slider into a good placement.

Sorry, now on second look I saw that you actually published the slider into the tablet/mobile header too. The problem with that is, that we have a limitation, that you cannot publish the same slider twice on the same page. It has to be this way, because we have to use HTML IDs to identify each slider and in website development IDs have to be unique. So this is rather a limitation made by browsers, that CSS and JS codes won’t work on 2nd IDs, as these codes suppose to be about a single element.

If you would like to have the same slider twice on your page, you should duplicate your slider and then you could publish the 2nd slider in the 2nd placement.

Or I still rather suggest following our Astra publishing documentation, so you would only have one slider on your page, as that would be more optimal.

Thank you so much. Duplicating slider worked.

Thanks for quick support