Partner/Logo Element css issue

Hey manchust,

Thank you for the inquiry.

If you want to display a different number of items, you may need to add another post slider specifically configured for mobile view, then toggle the elements’ visibility for different screen sizes in the Advanced > Responsive > Element Visibility settings. With this setup, you’ll have one post slider for desktop and another for mobile view.

Best regards,
Ismael

Hi,

That is the default responsive behavior of the logo slider.

Did you add this css code?

.avia-content-slider .slide-entry-wrap {
    width: 50%;
    margin-bottom: 40px !important;
    margin-left: 0% !important;
}

If you need to display all 6 items in a single line on mobile view, remove the css code above, then add this modification.

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

  /* Add your Mobile Styles here */
  .responsive #top #wrap_all .av-m7fed3ye-e22188c7085edf49c8bc53cd4bd6adde .flex_column.slide-entry {
    clear: none;
    width: 16%;
    float: left;
  }
}

Best regards,
Ismael

Hi,

It works correctly when we apply the modification directly in the browser. Did you clear the browser cache or try checking the site in incognito mode?

Please provide the login details in the private field so we can check it.

Best regards,
Ismael