Recent Post Columns Not Responsive

  • Resolved Jonathan

    (@jglass)


    4 years, 11 months ago

    Can’t seem to find an option for mobile layout of Recent Posts block to be responsive or drop based on certain breakpoints when using multiple columns.

    Does this exist or do I have to manually style the columns to work better on mobile devices?

    Right now, I have a 3-column layout that just stays as 3 columns instead of breaking to 2 then 1 depending on screen width.

Viewing 3 replies - 1 through 3 (of 3 total)
  • xreiss

    (@xreiss)

    4 years, 10 months ago

    Hi,

    Sorry for the late reply about your responsive problem on your latest post news block.
    It should be responsive like on the demo page: https://www.joomunited.com/wordpress-demo/wp-latest-posts/default-custom-theme/

    Ie. switch to one column. Maybe there’s an interaction with something else on the theme, Could you share me the URL where you have the problem?

    Cheers,

    Thread Starter Jonathan

    (@jglass)

    4 years, 10 months ago

    Yeah, it doesn’t seem to be working that way.

    Here is the url: https://stagingdmart.wpengine.com
    UN: demo
    PW: 88124b998881

    Section is located at the bottom of the home page.
    I removed the images for now but the three column still doesn’t resolve to two then one column when the screen size changes.

    Didn’t notice any JS errors in the console either.
    There might be some conficting styles.

    Using monochrome child theme with genesis framework or parent theme.

    JoomUnited

    (@joomunited)

    4 years, 10 months ago

    Hi,

    It seems something is wrong with layer slider. Can you try adding this custom CSS code?

    @media (max-width:764px) {
.advgb-recent-posts-block.grid-view.columns-3 .advgb-recent-posts {
        grid-template-columns: 1fr ;
}
}
Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Recent Post Columns Not Responsive’ is closed to new replies.