-
Posts
-
I am using Layer Slider on my website http://www.mtalpine.com. The slider is set as responsive and that that has been working fine until recently. Last week I noticed that when a am looking at the website on my laptop, the background image is stretched outside of the screen and the layered text is partially cut off because of the stretching. I tried different settings but I can’t make it work. I would appreciate your input.
Radka
Hey bozemanka,
Do you have the autooptimize plugin installed? If so please disable it and see if that fixes the issue.Best regards,
Jordan ShannonI disabled, deleted Autoptimize plugin as well as other plugins that I have recently installed but it did not resolve the issue.
Hi,
Your the autooptimize stylesheet seems to be overriding the default styles. After you disabled the plugins did you make sure to hard refresh the browser cache a few times over and not simply f5?
Best regards,
Jordan ShannonI did cleared the cache and also checked the site in different browsers that I normally don’t use. The issue is still there. I actually deleted the plugin so how is it possible that it’s still overriding the styles?
Hi,
Okay that’s good, if you have deleted the plugin then please add the following to quick css:
.ls-wrapper.ls-in-out{ left:200px!important; }Adjust the position as needed.
Best regards,
Jordan ShannonI made it work with “left:250px” but the text positioning is not ideal (it looks fine on desktop but still not great on laptops). Can you tell me what is this code supposed to do. Maybe I can make it work if I better understand the code. Thanks!
Hi,
It basically sets how far left you want the text to go, but it adjusts dependent on screen size. If you want to make sure it looks good on different device and screen sizes then you want to implement media queries to do so.
Best regards,
Jordan Shannon
- You must be logged in to reply to this topic.