Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • March 30, 2015 at 3:54 pm #420529
    deepbluec

    Just purchased Enfold and so far am very impressed.

    I noticed a difference in the way LayerSlider Sliders and Fullwidth Easy Sliders display on mobile devices. While the Fullwidth Easy Slider is nicely responsive and displays properly on an iPad, iPhone, etc. the images displayed by the LayerSlider Slider, using exactly the same content, is cut off on the left and right sides, depending on the content width specified. in General Layout/Maximum Container Width (e.g., 1130px).

    Is it possible to get the LayerSlider Slider to display its full width on mobile devices like the Fullwidth Easy Slider?

    Thanks.

    March 30, 2015 at 10:05 pm #420856
    Elliott

    Hey deepbluec!

    When your editing your LayerSlider switch to the “Slider Settings” tab and make sure the responsive and fullwidth options are turned on. Also make sure the “Responsive under” value is 1000px or higher.

    Cheers!
    Elliott

    March 31, 2015 at 12:28 am #420893
    deepbluec

    Thanks, Elliot.

    I double-checked and both responsive and fullwidth options are turned on. “Responsive under” value is 1140px.

    The problem exists even for the sample sliders imported, e.g., Why Enfold – Small Header. I did not change any of the settings from their default.

    Thanks.

    April 1, 2015 at 1:42 am #421681
    deepbluec

    Anyone?

    April 1, 2015 at 9:44 pm #422179
    Elliott

    Hi!

    Send us a WordPress login and we’ll take a look.

    Regards,
    Elliott

    April 2, 2015 at 3:47 am #422249
    deepbluec
    This reply has been marked as private.
    April 2, 2015 at 8:16 pm #422746
    Elliott

    Hey!

    It’s displaying fine on the Nexus 7 and Moto E. The only problem I noticed was the white space beneath it but you can drag a codeblock element to your page and add this inside.

    <style type = "text/css">
#av_section_1 {
  display: none;
}
</style>

    Take a screenshot of what your seeing on your device so we can get a better idea of what’s going on.

    Regards,
    Elliott

    April 2, 2015 at 10:11 pm #422801
    deepbluec

    Thanks, Elliott. The responsive scaling problem is fixed. Turns out I hadn’t properly set the “Responsive Under” parameter.

    Also, I tried to insert the code above to remove the whitespace but it had no efffect. I pasted all of the above into the top (large) codeblock element section entitled, “Code Block Content. Add your own HTML/CSS/Javascript here.” DId I paste it into the correct field?

    Again, thanks.

    April 3, 2015 at 8:36 pm #423261
    Elliott

    Hey!

    It looks fine on my end. Try clearing your browser cache.

    Regards,
    Elliott

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