Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • #262027

    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

    #262092

    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

    #262137

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

    #263190

    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

    #267065

    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?

    #267749

    Hi!

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

    Cheers!
    Devin

    #268113

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

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