How to make background image in Layer Slider fixed for Mobile devices

Thanks for that Victoria. I’m not exactly sure how I would target the Layerslide itself though. If the layerslide has an ID in the admin panel of “6” would I just call layerslider_6?

Then I’m not sure how I would target the background to be able to add any of the css.

This is the HTML for that section:

<div id="layerslider_6" class="ls-wp-container fitvidsignore ls-noskin ls-container ls-fullwidth ls-device-is-desktop" style="width: 375px; height: 375px; margin: 0px auto 0px -28.125px; background-attachment: fixed !important; position: relative; max-width: none; visibility: visible;" data-layerslider-uid="LSuqqnk1hkt"><div class="ls-inner" style="background-image: url(&quot;https://www.yallarugby.com/wp-content/uploads/2017/10/seosheikh-test.jpg&quot;); background-repeat: no-repeat; background-attachment: fixed; background-size: auto; background-position: center center; background-color: rgb(39, 52, 138);"><div class="ls-layers"><div class="ls-background-videos"></div><div class="ls-slide-backgrounds"></div><a href="http://www.seosheikh.com/" target="_blank" class="ls-link ls-link-on-top" data-ls-slide-link="1" style="z-index: 5; display: block;"></a></div></div><div class="ls-gui-element ls-loading-container" style="display: none;"><div class="ls-loading-indicator"></div></div><div class="ls-gui-element ls-shadow" data-ls-parallax="disabled"></div><img class="ls-yourlogo" style="right: 2px; top: 2px; visibility: visible; width: 0px; height: 0px;" src="https://www.yallarugby.com/wp-content/uploads/2017/10/partner-advertisment-text.png"></div>

Alex

This issue I’m having is that I can’t keep the background fixed on IOS mobile devices.

Hi Victoria, thanks for getting back to me. It does, it’s hidden on desktop view though. You will need to view on mobile device only. I’ve had to make it static for now as Fixed will not work on IOS.