We're merging with GenerateBlocks! Learn more here.

[Support request] Display cards cut off by Chrome

Please login to receive premium support.

Support for the free plugin can be found here.

Home Forums Pro Support Display cards cut off by Chrome

Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
  • #33929
    Marco Cortesi

    Hello, sorry if the question is repeated, I searched but maybe I’m searching the wrong thing.

    I’m having an issue while displaying posts in slider position using overlay1 cards. Basically the bottom part of the “slider” gets cut off.

    It only happens with Chrome (tested on a PC) and after trying I can’t find out on what it’s dependant.

    You can see it in the homepage of http://www.tradecube.it

    Anyone have the same issue or a solution?


    Hi Marco,

    I’m not exactly sure what you mean by “slider” position. Here’s what the site looks on my end (chrome – pc) – https://share.getcloudapp.com/9ZuQJJLP

    Can you clarify/explain further?

    Marco Cortesi

    Basically I created a header with a shortcode from WP Show Posts featuring five news elements using Overlay cards.

    For some reason, on Chrome (right) the cards are not showed fully and I have no idea on where to look for the issue. On Safari (left) it works as intended.


    David Beckwith

    Hi there,

    Chrome/FF deals with Flex and CSS grid differently.
    The simplest fix is to give the overlay cards container a min-height with some CSS:

    .wpsp-overlay .wp-show-posts-inner {
        min-height: 250px;
    Marco Cortesi

    That worked! Thank you very much!


Viewing 5 posts - 1 through 5 (of 5 total)
  • You must be logged in to reply to this topic.