Viewing 14 posts - 1 through 14 (of 14 total)
  • Author
    Posts
  • June 30, 2020 at 9:19 am #1226659
    schweg33

    Hello everybody
    I have installed
    2 layer sliders are created.

    These are hidden mobile (Css below)

    I have now created a 3 layer slider.
    Name slider-mobile

    it is possible to specify via css that only this layer is displayed mobile

    Thanks
    kind regards
    Franz

    June 30, 2020 at 1:24 pm #1226735
    Nikko

    Hey schweg33,

    I can only see 2 layersliders even when I inspect the page:

    @media only screen and (max-width: 767px) {
  #layer_slider_2 {
    display: block !important;
  }
}

    You can use layerslider ID to force it to show on mobile.
    Just replace #layer_slider_x
    Hope this helps.

    Best regards,
    Nikko

    June 30, 2020 at 3:07 pm #1226769
    schweg33

    hello Nikki
    that’s not quite working for me yet.

    how do I replace this

    The name of the layer is called:

    slmobile

    Thanks and

    Best regards,
    Franz

    June 30, 2020 at 4:21 pm #1226787
    schweg33

    Addendum

    These are my three sliders

    Mobile I want to display only the slider with the number 33

    thanks

    July 1, 2020 at 9:02 am #1227153
    Nikko

    Hi schweg33,

    The link you gave requires admin access to view.
    Please post us your login credentials (in the “private data” field)

    1. Install and activate ” Temporary Login Without Password “.
    2. Go to ” Users > Temporary Logins ” on the left-side menu.
    3. Click ” Create New “.
    4. Add the email address for the account ( you can use (Email address hidden if logged out) ), as well as the ” Role ” making that the highest possible and the expiry about four days
      ( to be sure that we have enough time to debug ).
    5. Click ” Submit “.
    6. You’ll now have a temporary account. Please provide us here in the private section the URL, so we can login and help you out.

    When your issue is fixed, you can always remove the plugin!
    If you prefer to not use the plugin, you can manually create an admin user and post the login credentials in the “private data” field.

    Best regards,
    Nikko

    July 1, 2020 at 7:09 pm #1227317
    schweg33

    Hello Nikko
    Here I have the login data

    Thanks
    Kind regards
    Franz

    July 2, 2020 at 10:56 am #1227433
    Nikko

    Hi schweg33,

    Thanks for giving us admin access.
    And I think I have misunderstood your question.
    You’ll need to put 3 layersliders in your homepage for that, also when it comes to CSS, the layerslider’s ID would not use the layerslider name but instead will use number at the end of it according to how it is placed/ordered. So the first layerslider should have an id of #layer_slider_1 and the #next layer_slider_2.
    Since slider-top seems to be used first, then it should always use the same ID #layer_slider_1, I guess you’ll need to add slider-mobile just before or after slider-content, so you can just used #layer_slider_2 or #layer_slider_3.
    I hope this is helpful.

    Best regards,
    Nikko

    July 2, 2020 at 11:34 am #1227438
    schweg33

    Hello Nikko
    I can’t do this, sorry.
    you could for once set me up right

    I only want to display id 4 and id 29 on the pc

    and mobile only the id 33

    would that be possible

    Thank you and best regards
    Franz

    July 4, 2020 at 4:55 am #1227859
    Rikard

    Hi Franz,

    Please try the following in Quick CSS under Enfold->General Styling:

    @media only screen and (max-width: 767px) {
.home #layer_slider_1, .home #layerslider_4_o942mhh0d9xi {
  display: none;
}
}

@media only screen and (min-width: 768px) {
.home #layer_slider_3 {
  display: none;
}
}

    Best regards,
    Rikard

    July 4, 2020 at 8:27 am #1227885
    schweg33

    hello Rikard
    thanks a lot

    But at the moment it still shows 2 layer sliders
    on the mobile device

    kind regards
    Franz

    July 4, 2020 at 8:35 am #1227886
    schweg33

    hello Rikard
    Sorry
    I misspoke.

    I want the slider below is displayed on the mobile device.
    (page=layerslider&action=edit&id=33)

    if that’s possible?

    kind regards
    Franz

    July 6, 2020 at 3:59 am #1228140
    Nikko

    Hi schweg33,

    I have added this CSS code in Quick CSS, located in Enfold > General Styling:

    @media only screen and (max-width:767px) {
  #layer_slider_1,
  #layer_slider_2 {
    display: none;
  }
}

    Best regards,
    Nikko

    July 6, 2020 at 6:22 am #1228163
    schweg33

    Hello Nikko
    Super Thanks

    Now it fits

    you can close this request.

    best regards
    Franz

    July 6, 2020 at 9:36 am #1228230
    Nikko

    Hi Franz,

    We’re glad that we could help :)
    Thanks for using Enfold and have a great day!

    Best regards,
    Nikko

  • Author
    Posts
Viewing 14 posts - 1 through 14 (of 14 total)
  • The topic ‘avia-layerslider only mobil’ is closed to new replies.