Viewing 17 posts - 1 through 17 (of 17 total)
  • Author
    Posts
  • December 17, 2017 at 3:26 pm #889786
    cipriana

    Hi, I´ve made two layersliders, one for mobile and one for desktop. And have both in the home page visual editor.

    I´ve added this code in quick css, but only mobile layerslider is seen on both. Desktop layerslider is not seen on desktops.
    @media only screen and (max-width: 990px) {
    .home #layer_slider_1 { display: none !important; }
    }
    @media only screen and (min-width: 990px) {
    .home #layerslider_2 { display: none !important; }
    }

    I don´t know what I´m doing wrong.
    Unfortunately my site is under construction and can´t be seen. So I send you 4 screenshots to see if that helps.

    Any help will be appreciated!
    Thank you very much!

    December 17, 2017 at 4:05 pm #889788
    Mike

    Hey cipriana,
    From your screenshots, it looks like one is #layerslider_2 and the other is #layerslider_2_2
    For your media query, make the difference at least 1px, above min & max is set to 990px
    But instead of using this css, have you tried the mobile settings in the layerslider? Go to your slider > slider settings > mobile
    2017-12-17_090330

    Best regards,
    Mike

    December 17, 2017 at 4:43 pm #889791
    cipriana

    Hi Mike! thanks for your answer.
    I´ve changed the layer names to #layerslider_2 and the other is #layerslider_2_2 but it´s the same. Always mobile layerslider appears.

    I´ve tried the other solution you suggest (I attach 3 screenshots) and now the desktop layerslider appears empty on frontend.
    It seems there´s a problem with the desktop one that is not appearing.

    thank you!

    December 17, 2017 at 4:55 pm #889792
    Mike

    Hi,
    Opps, looks like I made a mistake, try:

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

    Best regards,
    Mike

    December 17, 2017 at 5:04 pm #889793
    cipriana

    Mm, no, desktop layer slider keeps without appearing as I show you. But mobile layerslider yes. :(

    Tell me if I can send you any other screenshot you may need.

    thanks

    December 17, 2017 at 7:57 pm #889810
    Mike

    Hi,
    I take it that you are building via localhost, can you upload a copy to your dropbox with All-in-One WP Migration?
    How to Migrate your Site with All in One WP Migration
    Include the link in the Private Content area with login & password.
    Best regards,
    Mike

    December 18, 2017 at 12:06 pm #889981
    cipriana

    Yes sure, here you have it.

    December 19, 2017 at 12:16 pm #890433
    Mike

    Hi,
    Please include your login & password.

    Best regards,
    Mike

    December 19, 2017 at 12:19 pm #890434
    cipriana

    Hi, here you have it,
    thanks!!

    December 20, 2017 at 11:59 am #890740
    Mike

    Hi,
    Ok, I got it to work by doing these steps, first I removed the quick css that targeted the sliders. Then I removed both sliders and saved the page, then add desktop slider and saved. At this point the desktop slider worked, but there is a delay it it showing, it seems you but scroll down first. Please check and remove any delays in the desktop slider.
    I then added the mobile slider above, and saved.
    Please try this.

    Best regards,
    Mike

    December 20, 2017 at 12:30 pm #890749
    cipriana

    I´ll try it Mike, thanks for your time!
    I don´t understand very well this:
    “…but there is a delay it it showing, it seems you but scroll down first…”

    On the other hand, how can I make to show only one? One in mobiles and one in desktop?

    Thanks

    • This reply was modified 6 years, 11 months ago by cipriana.
    December 20, 2017 at 6:31 pm #890895
    cipriana

    Hi, me again.
    There´s something wrong with layer slider. I´ve created two pages with diferent layersliders in each. Nonetheless it shows the same layerslider in each page on frontpage.
    I´ve created another migration just in case. (in private area)

    In System Status here´s a red notice saying: Update to latest version (6.6.5), as we are constantly working on new features, improvements and bug fixes.
    Could you send me last version of layerslider?

    Thanks

    December 21, 2017 at 4:27 am #890979
    Mike

    Hi,
    Sorry, I don’t see the link to your new migration. I’ve worked on the one I had some more and solved the issue. Please try the migration I’ve linked in the Private Content area.

    Best regards,
    Mike

    December 21, 2017 at 10:48 am #891062
    cipriana

    Hi, Mike thank you so much! Do you know what was the issue?

    December 21, 2017 at 11:23 am #891086
    Mike

    Hi,
    The layerslider controls for hiding at certain screen widths didn’t work as expected, so added the quick css again, which worked well.
    Unless you have any other questions, shall we close this then?

    Best regards,
    Mike

    December 21, 2017 at 11:58 am #891101
    cipriana

    Yes, Mike, and thank you very much again!!

    December 21, 2017 at 5:34 pm #891220
    Nikko

    Hi,

    Glad to hear that. Thanks for using Enfold :)

    Best regards,
    Nikko

  • Author
    Posts
Viewing 17 posts - 1 through 17 (of 17 total)
  • The topic ‘Only mobile slider seen’ is closed to new replies.