Tagged: 

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • May 27, 2014 at 11:21 pm #270884
    rana72

    Hi, could you tell me how I can remove the display of the Fullwidth Easy Slider on a mobile device only?

    Also, a side question, how can I force the height of the Fullwidth Easy Slider on mobile only.

    Thanks!

    May 27, 2014 at 11:34 pm #270891
    Josue

    Hi,

    Can you post the link to your website please?

    Regards,
    Josue

    May 27, 2014 at 11:43 pm #270899
    rana72
    This reply has been marked as private.
    May 27, 2014 at 11:46 pm #270902
    Josue

    Removing the captions on mobile could do the trick too:

    @media only screen and (max-width: 767px) {
div.slideshow_caption {
    display: none;
}
}

    Best regards,
    Josue

    May 27, 2014 at 11:56 pm #270903
    rana72

    Thanks Josue, that works somewhat, might be a little confusing for the end-user though as its just scrolls three random images.

    Can you tell me is there a way to stop the scrolling and just show the initial image only (no dots or arrows either)?

    May 28, 2014 at 12:20 am #270911
    Josue

    You could do the following: put the first slide as a background image in a separate color section (with an ID of mobileimage), then add this to the Quick CSS:

    @media only screen and (max-width: 767px) {
#mobileimage{ display: block; }
#full_slider_1{ display: none; }
}
@media only screen and (min-width: 767px) {
#mobileimage{ display: none; }
}

    So, now in smaller screens the mobileimage section will appear and the slideshow will disappear.

    Best regards,
    Josue

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