Navigation
Archive / Card element break points
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • January 5, 2017 at 10:18 am #1317474
    newskywebsites
    Participant

    Hi there, please see video here: https://dl.dropboxusercontent.com/u/36509858/Recording%20%2314.mp4

    How can I fix the break points of the “Card” element so the content doesn’t bounce down under the box before wrapping to its own line? I see lots of tickets regarding the Card element not being responsive and CSS is needed to fix, but I’m not sure what would apply to my site.

    url: http://dawnk.sg-host.com/private-parties/

    Using latest version of everything (WP 4.7, X 4.6.4, child theme, etc)

    Also attached screenshot of Card settings.

    Thanks!
    Dawn

    January 5, 2017 at 11:03 am #1317520
    Rupok
    Member

    Hi Dawn,

    Thanks for writing in! You can add this under Custom > CSS in the Customizer.

    @media only screen and (min-width: 768px) and (max-width: 1050px) {
.x-card-outer.center-vertically .x-face-inner::before {
  height: auto;
}
}

    Hope this helps.

    Cheers!

    January 5, 2017 at 11:10 am #1317523
    newskywebsites
    Participant

    That’s close enough! Thank you!!!
    Dawn

    January 5, 2017 at 11:38 am #1317559
    Prasant Rai
    Moderator

    You are most welcome. 🙂

  • Author
    Posts
  • <script> jQuery(function($){ $("#no-reply-1317474 .bbp-template-notice, .bbp-no-topic .bbp-template-notice").removeClass('bbp-template-notice'); }); </script>