Viewing 12 posts - 1 through 12 (of 12 total)
  • Author
    Posts
  • August 5, 2015 at 1:17 am #483043
    BMart

    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.

    August 6, 2015 at 4:39 am #483656
    Rikard

    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

    August 7, 2015 at 1:43 am #484240
    BMart

    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.

    August 10, 2015 at 4:41 am #485015
    Rikard

    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

    August 10, 2015 at 8:09 pm #485588
    BMart

    Thanks Rikard,

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

    August 11, 2015 at 9:12 am #485777
    Rikard

    Hi,

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

    Regards,
    Rikard

    August 12, 2015 at 1:06 am #486256
    BMart

    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.

    August 13, 2015 at 12:14 pm #487124
    Andy

    Hey!

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

    Cheers!
    Andy

    August 17, 2015 at 7:17 pm #489073
    BMart

    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.

    August 18, 2015 at 12:21 pm #489436
    Andy

    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

    August 19, 2015 at 11:56 pm #490473
    BMart

    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.

    August 21, 2015 at 7:14 am #491187
    Rikard

    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

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