Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • August 15, 2024 at 5:22 am #1464654
    laptophobo

    I’d like to get my posts to remain on a single row, not collapse into 2 rows, on mobile view. Either have the arrows on each end to move to the next post, or use the dots.
    I’m attaching a screenshot of what I’m seeking (from another website) which you can see in Private.

    thanks!

    August 15, 2024 at 5:51 am #1464656
    Ismael

    Hey laptophobo,

    Thank you for the inquiry.

    This is possible, but the same number of columns displayed in the desktop view will also appear in the mobile view because each row is wrapped or set within its own container. It’s not possible to separate the slider items without major modification to the post slider script and templates. If that works for you, please add this css code:

    @media only screen and (max-width: 768px) {

  /* Add your Mobile Styles here */
  .responsive #top #wrap_all .slide-entry {
    width: 32%;
    margin-left: 1%;
    float: left;
    clear: none;
  }

  .responsive #top #wrap_all .avia-content-slider-even .slide-entry.slide-parity-odd,
  .responsive #top #wrap_all .avia-content-slider-odd .slide-entry.slide-parity-even {
    margin: 0;
    clear: none;
  }

  .avia_desktop .av_slideshow.avia-slideshow .avia-slideshow-controls a,
  .avia_desktop .av-slideshow-ui .avia-slideshow-controls a {
    opacity: 1;
  }
}

    Best regards,
    Ismael

    August 15, 2024 at 11:00 am #1464677
    laptophobo

    Yes, that worked. Thanks much.
    I’d like to limit that style to only the post slider. When I add “#postslider” to your above code, it breaks it. For example:

    #postslider .responsive #top #wrap_all .slide-entry { …}

    I recall that when there’s a “#top” included in a code, it needs to be handled differently?

    Thanks again…

    August 15, 2024 at 3:47 pm #1464698
    Rikard

    Hi,

    Please try this selector instead:

    .responsive #top #wrap_all .post-entry .slide-entry

    Best regards,
    Rikard

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