How to change the breakpoint on the Blog page?

  • Right now, it looks like the breakpoint is 600px for the blog post cards to switch from 2 per row, to 1 per row. The excerpt over top of the featured image looks horrible as you approach 600px. How can I change that to 768px?

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

Viewing 3 replies - 1 through 3 (of 3 total)
  • Francesco Grasso

    (@francgrasso)

    YITH Support Representative

    Hello there,
    you can fix it by adding these few lines of additional CSS to your site:

    @media (max-width: 768px) {
    .wp-block-post-template-is-layout-grid.wp-block-post-template-is-layout-grid.wp-block-post-template-is-layout-grid.wp-block-post-template-is-layout-grid {
    grid-template-columns: 1fr;
    }
    }

    I hope you will appreciate this ??

    Thread Starter Jim

    (@kernix)

    Thanks! So is the CSS set up for desktop first and so the media query is using max-width, or should that be min-width?

    Hi there, max-width is correct.

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘How to change the breakpoint on the Blog page?’ is closed to new replies.