Viewing 12 posts - 1 through 12 (of 12 total)
  • Author
    Posts
  • #483043

    I have a website that launched about a month ago, and everything was fine at the time of launch. The LayerSlider was behaving perfectly, but I just recently noticed that now the responsive switch doesn’t do anything, the images are stretching, and the slider itself doesn’t resize when I resize the browser. What’s really weird, is the preview in LayerSlider seems to be working as desired, but the production version is where all the problems show up.

    Is anyone else experiencing a similar issue? I’ve turned off the plugins, and it’s not them. I’ve messed with the slider settings and no combination of changes seems to fix the issues as a whole. The best result I’ve been able to obtain is the background image is responsive, but the slider boundaries and text themselves are not.

    The only thing I can think of is that WordPress automatically updated to v4.2.4 sometime since launch, so maybe the v5.4.0 LayerSlider isn’t compatible, but I would think I’d be able to search and find others with the same issue if that were the case.

    #483656

    Hey BMart,

    Could you please provide us with a temporary admin login so that we can take a closer look? You can post the details in the Private Content section of your reply.

    Regards,
    Rikard

    #484240

    Thanks Rikard,

    Credentials attached. Do you actually edit the site or document your changes? I’m a little nervous giving out keys to a live site, not knowing what changes might be made.

    Thanks for the help.

    #485015

    Hi,

    Sorry for the late reply. It seems to be happening because of the CSS values put in there, the text being 85% of the screen window from the top for instance, that will cause the slider container to stretch out like it’s doing. 200px from the left will likely cause some issues on smaller screens as well. You might want to consider creating a new slider on for mobile and optimising it for small screens. You can then hide/show the appropriate slider with CSS which we can help you out with.

    Regards,
    Rikard

    #485588

    Thanks Rikard,

    I’ll give the CSS a reform and see where I’m at. Appreciate the help.

    #485777

    Hi,

    Great, we’ll keep the thread open in case you should need any further help.

    Regards,
    Rikard

    #486256

    Hey Rikard,

    So I made a bare-bones version and am still noticing some weird behavior. The strangest seems to be that when I turn the responsive switch to “on” in Slider Settings, the background image becomes responsive but the slider itself remains static height. However, if I add a “responsive under” value into the slider settings, the slider becomes responsive but deforms imagery. Furthermore, the preview of the slider is showing different results than production. I’m fairly familiar with HTML and CSS, and have done my due diligence with browser dev inspectors, but to no avail. Details in private content.

    Any assistance would be greatly appreciated! I’m genuinely baffled what is causing this.

    #487124

    Hey!

    please try to deactivate all plugin to check if one is causing this behavior. Please upgrade to Enfold v3.2.3.

    Cheers!
    Andy

    #489073

    Thanks for the suggestion. I am on the latest build of Enfold and WP, and have performed troubleshooting with all plugins turned off, and the problem still exists. The only thing out of date is Layerslider 5.4.0 (5.5.0 is current), but 5.4.0 is what’s shipping with the latest version of Enfold. I have also tried creating a slideshow from scratch, and it’s still behaving strangely. There seems to be something wrong with the responsive capabilities of the slider.

    The responsive switch under “Slider Settings” doesn’t seem to do anything. Whether it is on or off, the slider behaves the same. I’ve seen erratic behavior in the past with it sometimes only making the background image responsive, but the slider height was static.

    URL in private content.

    Thank you for the help.

    #489436

    Hey!

    I check the site on my mobile device and it is responsive for me. Responsive does not mean it will heave automatically the way you want, instead it means you can control different behaviors on different screen sizes. Show us what you want using screenshots/mockups and we help you to achieve the look you wish. You can use imgur.com or dropbox.

    Cheers!
    Andy

    #490473

    I fixed it. Layerslider was not accepting my “height: auto” value under “Layouts & Position” for the background image. I put the following in my style.css child to override and it fixed it:

    img.ls-l.ls-preloaded {
    height: auto !important;
    }

    No idea why LS is ignoring that field.

    #491187

    Hi,

    Don’t know why either but I’m glad you found a solution :-)

    Please let us know if you should need any more help on the topic.

    Regards,
    Rikard

Viewing 12 posts - 1 through 12 (of 12 total)
  • You must be logged in to reply to this topic.