• Resolved georgie13

    (@georgie13)


    I’m currently using 4 columns in the recent posts feature which is fine for desktop, but for mobile/tablet I’d like to reduce the columns to either one or two depending on the screen. At the moment it’s just reducing the width of the columns so it looks really messy.
    There was another post on here that suggested a piece of css but it didn’t work for me.

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

Viewing 5 replies - 1 through 5 (of 5 total)
  • Plugin Author htmgarcia

    (@htmgarcia)

    Hi @georgie13,
    are the “Responsive settings” helpful? If is not enough, you can try adding custom CSS targeting the block through a custom class (defined inside “Advanced”).
    ___
    Regards

    Thread Starter georgie13

    (@georgie13)

    @htmgarcia I can’t find the responsive settings anywhere?

    What css would I use as I’ve tried using a media query but nothing seems to work.

    Plugin Author htmgarcia

    (@htmgarcia)

    While editing, select the block to see the responsive settings on the right sidebar.

    The CSS, since is a customization work, it depends on your needs. Double check using native browser inspect tools to see how your CSS is behaving.
    ___
    Regards

    Thread Starter georgie13

    (@georgie13)

    @htmgarcia yeah I’ve searched through the block settings hundreds of times and there’s definitely no responsive settings for it. I’ve given up using it and just used latest posts instead. Thanks though

    Plugin Author htmgarcia

    (@htmgarcia)

    Sorry. I mean to say Columns Manager block.

    I added your suggestion about responsive support for Recent Posts block into our to-do list.

    In the meanwhile, your best bet is to add custom CSS. If you’re familiar with CSS Grid, the process will be easy.
    ___
    Regards

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

The topic ‘Recent Post Columns Not Responsive’ is closed to new replies.