Featured image slider

Hi,

Thank you for the inquiry.

There is no built-in option for this, but you can try the following css code to adjust the width of the items. They will still be displayed in sets of three but will stack above each other instead.

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

  /* Add your Mobile Styles here */
  .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;
    width: 100%;
    margin-left: 1%;
  }
}

Best regards,
Ismael

Hi,

Is there a way to display three items per row on mobile view, just like on desktop and tablet views?

Did you copy the code from your email? Please try copying it directly from the forum. If you remove the CSS code above, the slider should display 3 columns per row.

You can also create another post slider, set the column to 1, and then toggle the visibility of both post sliders in the Advanced > Responsive > Element Visibility settings. This way, you’ll have two post sliders — one for mobile and another for desktop view.

Best regards,
Ismael