Change number of posts/rows displayed in post slider on mobile version

Hi,

I tried checking on your the link you have given but it only returns:

This site can’t be reached

As for How can I reduce this so he only shows 1 article at the same time and then scrolls to the next one, it’s not possible just by using css to show 1 article at a time (well it’s possible but the 2 others will be hidden), what I suggest as a solution is to create 2 post sliders, 1 for desktop and tablet (3 columns) and 1 for mobile (1 column), for this to be possible you need to create another post slider for mobile (same setup only 1 column) then enable Custom Css Class ( instructions here: http://kriesi.at/documentation/enfold/turn-on-custom-css-field-for-all-alb-elements/ ) then for the 3 column post slider add this class show-desktop and this class show-mobile on 1 column post slider. Finally add this code to Quick CSS:

.show-mobile {
  display: none !important;
}

@media only screen and (max-width:767px) {
  .show-mobile {
    display: block !important;
  }

  .show-desktop {
    display: none !important;
  }
}

Let us know if it works, if it doesn’t we would like to request for a temporary admin access so we can check the backend.

Best regards,
Nikko

Hi,

glad we could help. Let us know in a new ticket if you have some more questions related to the theme. We are happy to assist you.

Best regards,
Andy