[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
    Posts
  • #33929
    Marco Cortesi
    Participant

    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?

    #33954
    elvin
    Moderator

    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?

    #33957
    Marco Cortesi
    Participant

    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.

    Screenshot-2021-09-19-at-08-53-13-copy

    #34012
    David Beckwith
    Participant

    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;
    }
    #34165
    Marco Cortesi
    Participant

    That worked! Thank you very much!

    Marco

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