slideshow view on mobile

  • Author
    Posts
  • #72048

    Hi there.
    While the slideshow looks perfect in pc view, on mobile view it looks ackward. There is no featured text and the arrows to change the slides are so big they occupy half of the featured image.
    I wonder if it may be caused by some of the css codes I´ve included.
    But I´ve tried my best and really can´t figure it out on my own.
    Will you help me with that?
    Thanks.
    Andrea

    The blog I need help with is salabrasileira.com.

    #72171

    tarasdashkevych
    Theme Author

    Hello Andrea,

    The captions are hidden on mobile devices because they become to big for the slideshow container, and can break the layout.

    If you want you can show it, but it will not look great. So, you can do it on your own risk.

    @media only screen and (max-width:768px) {
       #home-featured-slideshow .home-slideshow li .featured-item-info {
          display: block;
       }
    }

    You can remove sideshow buttons on mobile devices by adding this custom css:

    @media only screen and (max-width:768px) {
       #home-featured-slideshow .bx-controls-direction {
          display: none;
       }
    }
    #72215

    Yeah, you´re right about the captions breaking the layout on mobile devices, but hiding the arrows just made it all look perfect to me.
    Thanks a lot for getting back to us, users, so promptly.
    Your theme is great, and your support sure makes the difference!

    #72218

    tarasdashkevych
    Theme Author

    You are very welcome ;)

The topic ‘slideshow view on mobile’ is closed to new replies.