Two Column Layout for listing CATEGORY in mobile view

General HivePress
1

Hi @andrii , I saw you shared code for two column layout for listing cards/blocks.

@media only screen and (max-width: 48em) {
    .home .hp-listings .hp-grid__item {flex-basis:50%; max-width:50%}
}

CAN WE ALSO CREATE A SIMILAR TWO COLUMN VIEW FOR LISTING CATEGORY IN MOBILE AS WELL.

THANKS FOR HELP !

3

Hi,

Please use this CSS snippet:

@media only screen and (max-width: 48em) {
    .home .hp-listing-categories .hp-grid__item {flex-basis:50%; max-width:50%}
}

Please note that it can require further customization.

I hope it helps

1 Like
4

It worked awesome .

Thanks a lot @andrii

1 Like