Alignment issue with card tiles inside flex

  • Resolved pgdev

    (@pgdev)


    2 years, 8 months ago

    Hi all. You can see in the image attached below, the card tiles are not aligning properly. I need it to vertically align. I tried bit css but unable to resolve. Can you pls suggest how can i achieve? Thanks.

    Note: Please check the mobile version.

    https://prnt.sc/9uSCbKBEpAAe

    • This topic was modified 2 years, 8 months ago by pgdev.

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

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

    (@metamezzo)

    2 years, 8 months ago

    Hello, a left margin of 4% is applied to both card tiles via /wp-content/themes/enfold/css/shortcodes.css near line# 1951 and this left margin is removed on mobile only for the first card tile.

    Please try the following either via Additional CSS or your Enfold child theme’s style.css, whichever you have access to…

    @media only screen and (max-width: 767px) {
  .responsive #top #wrap_all .avia-content-slider-even .slide-entry.slide-parity-even {
    margin: 0;
    clear: both;
  }
}

    The above rules target the second card tile and are based on the mobile styles applied to the first card tile. Good luck!

    Thread Starter pgdev

    (@pgdev)

    2 years, 8 months ago

    Solved! Thanks very much.

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

The topic ‘Alignment issue with card tiles inside flex’ is closed to new replies.