Grid Media Query Breakpoints for Mobile?

  • Resolved lemonfrenzy123

    (@lemonfrenzy123)


    9 years, 10 months ago

    Hi,

    I am currently using this plugin to display a grid with 4 items per row. I noticed that the next media query breakpoint (for mobile) seems to reduce the number of items to 1 per row.

    I was wondering if it was possible to have any item counts in between? For example, on a Nexus 10 tablet, there is plenty of room for 2 or even 3 items per row, however it goes to just 1, meaning there is what appears to be a lot of empty space next to the featured image for each item.

    Is it possible to have control over the number of items for different media query breakpoints? (assuming bootstrap is being used for this?)

    Thank you,

    Derek

    https://wordpress.org/plugins/content-views-query-and-display-post-page/

Viewing 4 replies - 1 through 4 (of 4 total)
  • Plugin Author Content Views

    (@pt-guy)

    9 years, 10 months ago

    Hi,
    The nexus 10 has a wide screen, it should display as Desktop.
    I don’t have a Nexus 10. But I tested in Ipad and it works fine.
    You can control number of items from .css file: change width of Bootstrap column (col-md-*) in different media query breakpoints.

    If have chance, I will test in Nexus 10 and give you more advice.

    Plugin Author Content Views

    (@pt-guy)

    9 years, 9 months ago

    Hi,
    I forgot to tell you that this problem has already fixed with Pro version.
    It will display as many items per row as possible in tablet. So in tablet, instead of displaying only 1 item, it will display 2, 3 items as long as there are available space/room.

    TallSam

    (@tallsam)

    8 years, 12 months ago

    What about for an iphone 5? It is only showing 1 item per row for me.

    Thanks,
    Sam

    Plugin Author Content Views

    (@pt-guy)

    8 years, 12 months ago

    Hi,
    in this Free plugin, it will always display 1 item per row in Mobile device.

    Only in Pro plugin here, you can adjust how many items per row for tablet.
    About mobile devices, the Pro plugin will display 1 or 2 items per row appropriately.

    Best regards,

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Grid Media Query Breakpoints for Mobile?’ is closed to new replies.