How can I set (CSS) a different value for the Column count parameter depending on the browser resolution? For example, I would like to set 5 for desktop mode (5 logos in one row), and 4 (two logos in two rows) for tablets and mobile devices. Currently, when I select 5 columns, I have 5 logos in one row for desktop (ok), but on tablets and mobile devices, I see 5 logos stacked one under the other, which looks unattractive. Thank you. Tom
Hey tczubkowski_priv,
Thank you for the inquiry.
There is no option for this by default. One solution is to duplicate the current logo slider element, set it to display 4 columns, and then toggle the visibility of both elements in the Advanced > Responsive > Element Visibility settings. Configure it so that one slider is visible only on desktop and the other on smaller screens. Please refer to the screenshot below:
Best regards,
Ismael
Understand, thank you.
Hi,
Thanks for the update. Please open a new thread if you should have any further questions or problems.
Best regards,
Rikard