Viewing 13 posts - 1 through 13 (of 13 total)
  • Author
    Posts
  • July 28, 2016 at 9:13 am #666091
    Azimtech

    Hello,
    I am using the latest version of Enfold theme and have added advanced layer slider on the home page and project page. On my Laptop it is working fine but when I open the homepage on Ipad and Iphone or any other mobile device the slider images are not coming out according to the screen size. Also the text on the slides are not resizing them according to the screen size.

    Please let me know the solution. I have given you my site account details So you can get in and checkout the settings and values for the various variables that I have used. And let me know the changes or do them that are required to make it look correct on all the devices.

    Will look forward to your response. Kindly revert ASAP.

    Many Thanks!
    Aman

    July 28, 2016 at 1:27 pm #666195
    Azimtech

    Awaiting your response!

    July 28, 2016 at 2:53 pm #666255
    BierPlus

    Hi, well I’m not Enfold Support, but I got a solution for this one.
    For my page I set 3 different LayerSlider Templates (called homepage main, homepage tablet, homepage mobile), you might guess what the differences are ;)
    For the main homepage as viewed in a desktop mode I have a full resolution picture (approx 1920x600pc as far as I remember) that starts with browser widths from 1200px and up. From approx 760px up to 1200px I have the tablet template that consists of a smaller image and resized items as well as differently formatted text. The mobile one has (from 0px to 760px) another even smaller image which reduces loading times and garantuees best style. I have also formatted the text areas to fit within the mobile sized image.

    It’s a little bit work here, I know, but it’s worth it. This way you won’t bother anymore with those ;)

    Ah yeah, I almost forgot: With the advanced layout architect you have to select all three of the layerslider templates but only one will be shown depending on which browser one uses. To check you can use to “view in…” function of your browser (e.g. Firefox press F12 and select from the bar)

    Hope I could help :)

    Cheers,
    Patrick

    July 28, 2016 at 4:35 pm #666330
    Azimtech

    Thanks a lot Patrick for reverting. I will try this solution.

    August 1, 2016 at 6:23 pm #667387
    Rikard

    Hi @Azimtech,

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

    Thanks Patrick for helping out :-)

    Best regards,
    Rikard

    August 1, 2016 at 8:11 pm #667438
    Azimtech

    Hi Rikard,

    I was waiting for any response from your team from last four days but strange that don’t get any. Patrick has suggested me some solution but as it is a lengthy process So I would use that later. I would like to hear some solution from your side.

    Thanks!
    Aman

    August 2, 2016 at 1:35 pm #667619
    Yigit

    Hi Aman!

    Can you please go to LayerSlider WP and edit your slider and go to Slider Settings > Layout > Full-width slider settings and try to adjust “Responsive under” and “Layers container” values?

    Cheers!
    Yigit

    August 2, 2016 at 3:11 pm #667687
    Azimtech

    Hi Yigit

    Can you please suggest some value that will workout. Because I have already tried many values but nothing works. Right now Responsive under is :800 and Layers container is:940

    Slider height is 850
    and height of slides is 1920/1080

    Thanks!
    Aman

    August 2, 2016 at 3:37 pm #667702
    Yigit

    Hi!

    Both values are “1140” on my local installation and i do not have any responsive issue :)

    Cheers!
    Yigit

    August 2, 2016 at 3:45 pm #667707
    Azimtech

    You mean I just put 1140 for both of them and it will work?
    Actually I want when I resize the screen the slide should cover the full screen as it is now in the desktop mode. But now when I resize it the height gets smaller and the text below the slides starts coming up.

    August 2, 2016 at 3:47 pm #667708
    Azimtech

    like on this link http://fantasyposters.premiumcoding.com/
    When I resize it to any size the height of the slide always cover the full screen.

    August 2, 2016 at 3:51 pm #667711
    aB-Agenta

    Hi!
    I also have the sizing problem. on mobile it is way to small and on high resolution screens way to big.

    there is a new update of the advanced layer slider available – “New releases contain new features, bug fixes and various improvements across the entire plugin. set up auto-updates to upgrade to this new version, or request it from the author of your theme if you’ve received LayerSlider from them.”

    could you please release it within an update?

    thx
    Lucie

    August 9, 2016 at 1:32 am #670110
    Ismael

    Hi

    Actually I want when I resize the screen the slide should cover the full screen as it is now in the desktop mode. But now when I resize it the height gets smaller and the text below the slides starts coming up.

    The layer slider will not automatically adapt to the browser height. Use the full screen slider instead of the layer slider if you need the slider to adapt to the height of the browser. OR create another slider specifically created for mobile then toggle their display properties with css media queries. http://kriesi.at/documentation/enfold/hide-menu-itemselements-on-mobile/

    Best regards,
    Ismael

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