Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • May 8, 2014 at 10:21 pm #262027
    atrixdave

    Hi guys,

    My full width slider display scrunches up the text and cuts off some of the content on this page when viewed on mobile devices and tablets: http://www.crude.com/investor-center/oil-gas-investment

    Is it possible to make this look better or remove it all together when viewed in mobile/tablet browsers?

    Thanks for your help! You guys are great as always. Love the theme!!!

    -Dave

    May 9, 2014 at 2:14 am #262092
    Devin

    Hey atrixdave!

    The LayerSlider plugin and each individual slideshow you create with it has its won responsive settings in the Slider Settings. You can use them to tweak the output in combination with how you set the elements inside of the slideshow.

    Its unique for each slideshow so we don’t have any general how-to for it at the moment.

    Regards,
    Devin

    May 9, 2014 at 5:26 am #262137
    atrixdave

    Thanks Devin, do you know if there’s a way to use CSS to hide any slider on mobile browsers?

    May 12, 2014 at 9:12 am #263190
    Dude

    Hey!

    Yes, you can hide the slideshows with css code – insert it into the child theme style.css file or into the quick css field:

    
@media only screen and (max-width: 989px){
.avia-slideshow { display: none !important; }
}

    You can replace 989px with another screen size (i.e. 768px).

    Best regards,
    Peter

    May 20, 2014 at 12:05 am #267065
    atrixdave

    Hi Peter,

    Thanks…that doesn’t seem to be working on my phone. Cleared cache and all. Is that supposed to hide the slider for any screen width less than 989px?

    May 21, 2014 at 3:29 am #267749
    Devin

    Hi!

    Yes, though I don’t see it in your Quick CSS and when I add it using dev tools it works.

    Cheers!
    Devin

    May 21, 2014 at 5:44 pm #268113
    atrixdave

    Just tested it again and it looks like its working! Thanks and sorry for the trouble :)

  • Author
    Posts
Viewing 7 posts - 1 through 7 (of 7 total)
  • The topic ‘Full Width Slider Display on Mobile Devices’ is closed to new replies.