Hi,

I'm experiencing a weird issue where the slider on mobile/tablet is bigger than the width of the entire page?

I've checked the settings and when in Beaver Builder it shows the slider as being shrunk down to fit like so:

 

But when checking on a live device the slider is really wide? 

Is there any way to stop this from happening? 

Thanks

Hi Kristof,

Just tried all of those options in there and flushed caches etc but it's still loading the same?

Thanks!

Hi Kristof,

Apologies I have changed that for you now: https://thepharmpetco.co.uk/testing-slider/

Any issues viewing it let me know.

Thanks!

Hi Kristof,

Right, I see! No problem.

I do have another question which is how can I make a slide a link and the background hover a different colour? 
Like the "new arrivals" here: https://layerslider.com/sliders/product-showcase-dark/

Thanks!

Hi Kristof,

Thank you for this!

I have the link working now as intended. However, when I add background colour on hover it doesn't seem to work? 

I also imported the one mentioned in your loom to see the settings and it too doesn't have one? 

What I did on my version is make an HTML layer called "Background" and added the hover transition: 

But it doesn't seem to change? I've set it to "cover" etc and also made sure it's the full width/height of the slide.

Hope you can help!

Thanks

Hi Kristof,

Thank you for this!

I have copied those settings and can see it working in the preview but it doesn't seem to work on the actual front end of the site: https://www.loom.com/share/b9e72774fe0243d38c933551068bfe90

Test page: https://thepharmpetco.co.uk/testing-slider/

Also, the circle top right is still showing yet the setting is turned off.

If I'm doing this wrong let me know!

Thanks

Hi Kristof,

That's great! It's working as expected now.

Thank you for all your help.