Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #1475304

    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

    #1475397

    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:

    View post on imgur.com

    Best regards,
    Ismael

    #1475722

    Understand, thank you.

    #1475750

    Hi,

    Thanks for the update. Please open a new thread if you should have any further questions or problems.

    Best regards,
    Rikard

Viewing 4 posts - 1 through 4 (of 4 total)
  • The topic ‘Partner/Logos – Column count depending on the resolution.’ is closed to new replies.