Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • April 15, 2014 at 7:40 pm #251763
    hughsieg5

    Is it possible to swap a full width easy slider image when it is used on mobile?
    The image I am using (1900 x 430px) looks fine on desktop and tablets but I would like to increase its depth on mobile as it looks to small.
    I notice, when I inspect ‘.avia-slide-wrap img’ on mobile, it is showing as a 400 x 90 image. I’m guessing this smaller image is created when the larger is imported. Can I change this default size and if so where?

    Cheers.

    April 16, 2014 at 7:02 pm #252272
    Yigit

    Hey hughsieg5!

    you can upload a fallback image on Fullwidth Easy Slider in video/image upload section – http://oi57.tinypic.com/4g6d7a.jpg

    Best regards,
    Yigit

    July 5, 2014 at 10:44 pm #287575
    EcowMobility

    hello,

    I need to not show the easy slider on mobile device

    how can i do

    the code

    .avia-layerslider {
    display: none !important;
    }
    }

    only work for layerslider not for easyslider

    tanks

    July 6, 2014 at 2:07 am #287609
    Ismael

    Hi!

    Thank you for the update.

    First, you need to add a unique selector for each sliders. Edit functions.php, find this code:

    if(isset($avia_config['use_child_theme_functions_only'])) return;

    Below, add this code:

    add_theme_support('avia_template_builder_custom_css');

    http://kriesi.at/documentation/enfold/turn-on-custom-css-field-for-all-alb-elements/

    Edit the sliders then add a unique css selector on “Custom Css Class” field. Add hide-mobile on those elements that you want to hide on mobile device and hide-desktop for those that you want to hide on desktop view. Use css media queries to alter their presence on different view port:

    @media only screen and (min-width: 990px) {
  .hide-mobile {
 display: none !important;
  }
}

@media only screen and (max-width: 989px) {
  .hide-mobile {
  display: block !important;
  }

 .hide-desktop {
 display: none !important;
  }
}

    Regards,
    Ismael

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