Viewing 16 posts - 1 through 16 (of 16 total)
  • Author
    Posts
  • May 10, 2017 at 1:21 pm #791061
    cipriana

    HI, I have a layered slider on my home.
    I would like that on mobiles the slider occupies nearly all the screen. Is that possible?

    I´m sending you a screenshot of my web on mobile.

    Thanks!!

    May 10, 2017 at 2:11 pm #791090
    Rikard

    Hey cipriana,

    I think that would be very difficult, but maybe you can create a new slider and show that for mobile screens only?

    Best regards,
    Rikard

    May 10, 2017 at 2:35 pm #791109
    cipriana

    ok, and how can I show that slider only on mobiles?
    Should I add some code in quick css?
    Could you tell me which code?

    thanks!!

    May 10, 2017 at 2:46 pm #791115
    Yigit

    Hi,

    Edit: If you received my previous reply, please disregard. Accidentally posted on wrong thread :)
    Please refer to this post – http://kriesi.at/documentation/enfold/hide-menu-itemselements-on-mobile/ and try switching your slider on mobile with a one that was optimized for mobile

    Best regards,
    Yigit

    • This reply was modified 7 years, 7 months ago by Yigit.
    May 14, 2017 at 5:29 pm #793005
    cipriana

    Hi, I´ve tried to do what the post says but where specifically should I add the custom CSS class in the Layer Slider? In ID section? In Custom CSS? In Attribute name?

    I´ve added the Custom CSS class in all of these sections, and added this code in Quick CSS
    @media only screen and (max-width: 990px) {
    .only-desktop { display: none !important; }}

    but nothing happens.

    Could you give me a hint?
    Thanks!

    May 15, 2017 at 5:39 am #793149
    Rikard

    Hi,

    You can use the LayerSlider ID to target it, but we would need to see the actual slider in order to find that out. Could you post a link to your site please?

    Best regards,
    Rikard

    May 15, 2017 at 11:35 am #793258
    cipriana

    Yes, here you have.

    thanks

    May 15, 2017 at 12:42 pm #793281
    Sarah

    Hi!

    Please try this code instead:

    @media only screen and (max-width: 990px) {
   .home #layer_slider_1 { display: none !important; }
}

    Best regards,
    Sarah

    May 15, 2017 at 1:06 pm #793286
    cipriana

    Hi Sarah, thanks

    Now, I have two layer sliders (ID:1 and ID:4)

    I´ve added this code in quick CSS

    @media only screen and (max-width: 990px) {
    .home #layer_slider_1 { display: none !important; }
    }
    @media only screen and (min-width: 990px) {
    .home #layer_slider_4 { display: none !important; }
    }
    I´ve created two layers sliders sections in my home, one with LayerSlider 1, for desktops) and the other with Layer Slider 4 (for mobiles)
    It´s Ok on mobiles, but in desktop I´m seeing both sliders.
    What I´m doing wrong?

    Thank you very much!

    May 15, 2017 at 1:21 pm #793290
    Sarah

    Hi,

    I can’t see #layer_slider_4, actually. Did you remove it?
    Best regards,
    Sarah

    May 15, 2017 at 4:51 pm #793419
    cipriana

    Yes, I´ve removed it but the problems remains.
    Thanks

    May 16, 2017 at 3:13 am #793665
    Sarah

    Hi!

    Your code should work if the IDs are correct. Can you try putting it back so we can take a closer look?
    Best regards,
    Sarah

    May 16, 2017 at 10:57 am #793806
    cipriana

    Ok, I´ve added the code again. And the two sliders in home.
    But in desktops I´m seeing two sliders.

    Thanks!

    • This reply was modified 7 years, 7 months ago by cipriana.
    May 16, 2017 at 11:20 am #793814
    Sarah

    Hi,

    The ID is layerslider_4. Please try this code instead:

    @media only screen and (max-width: 990px) {
.home #layer_slider_1 { display: none !important; }
}
@media only screen and (min-width: 990px) {
.home #layerslider_4 { display: none !important; }
}

    Best regards,
    Sarah

    May 16, 2017 at 11:23 am #793816
    cipriana

    Oh! now yes!
    thank you very much Sarah!

    May 16, 2017 at 11:33 am #793820
    Sarah

    You’re very welcome! We’re glad to help.

    For any other questions or issues, feel free to post them here on the forum and we will gladly try to help you.

    Cheers!
    Sarah

  • Author
    Posts
Viewing 16 posts - 1 through 16 (of 16 total)
  • The topic ‘Home view on mobile’ is closed to new replies.