responsive logo display

  • Resolved anrit

    (@anrit)


    6 years, 3 months ago

    Hi! I am looking for a way to make a logo grid more responsive. I have the logos line up evenly on a smaller screen but on a larger screen, the second row is much shorter. If I were to add more so the two rows are even on larger screens, then on smaller screens I’d be getting a short third row. Is there CSS for getting the logos cut off, say at 2 rows, so that any extra logos won’t get displayed on smaller screens?

    The page I need help with: [log in to see the link]

Viewing 2 replies - 1 through 2 (of 2 total)

  • Dear @anrit,

    Thank you for using our product!
    If you just need to hide logos after the second row, you can add the following CSS code in your settings, under the “Custom CSS & JS” tab, in “Custom CSS” field:

    #crp-content-2 {
    height: 232px;
    overflow: hidden;
    }

    This code is specific for your grid’s current configuration in the webpage you’ve sent.
    If you change the dimensions of tiles for example or apply it to another grid, you need to customize it.
    Please try this and let us know if it solved your problem.

    [ Signature deleted ]

    Thread Starter anrit

    (@anrit)

    Beautiful, thank you!

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘responsive logo display’ is closed to new replies.