Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • December 22, 2014 at 2:02 am #371379
    tom77113

    Hi,

    on my page http://www.affaronissimo.it I am using a Post-Slider on the frontpage using 5 columns. On a smartphone these the 5 slides inside the columns are below eachother. That does not really look good. Is there a way to deactivate this and let only show on slide on the smartphone at the time. Or is there a way to deactivate the slider on the smartphone? On tablets it looks good though.

    Thanks

    Thomas

    • This topic was modified 10 years ago by tom77113.
    December 22, 2014 at 5:57 pm #371613
    Elliott

    Hey tom77113!

    Try adding this to your custom CSS.

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

    Cheers!
    Elliott

    December 22, 2014 at 6:21 pm #371630
    tom77113

    Hi,
    did you consider that I am using the post slider? Anyway on a test page I also tried with the content slider. But your code does not work in any case. Any other idea?

    Greetings Thomas

    December 22, 2014 at 6:22 pm #371631
    Andy

    Hey tom77113!

    you can try this to deactivate it for mobile:

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

    Best regards,
    Andy

    December 23, 2014 at 1:19 pm #372048
    tom77113

    Hi,
    Perfect! Thanks. That works. Still activated on the tablet, where there slider looks good and only deactivated on the smartphone!

    Greetings Thomas

  • Author
    Posts
Viewing 5 posts - 1 through 5 (of 5 total)
  • The topic ‘Post Slider – on smartphone slides are below eachother’ is closed to new replies.