Show columns in mobile view

  • Resolved thekingsman

    (@thekingsman)


    2 years, 11 months ago

    On desktop view, the top categories are listed in 2 or more columns depending on settings but by default, it shows just 1 column on mobile. I see a CSS input on the home page so is it possible that there’s a code to make 3 columns & 3 rows show on mobile view as it does on desktop view?

    If the above is not possible, then please provide a code to reduce the category images size & make them smaller on mobile view as they’re pretty big.

    I hope I get a response soon please ????

Viewing 4 replies - 1 through 4 (of 4 total)
  • Theme Author HivePress

    (@hivepress)

    Hi,
    It’s possible, but this requires CSS tweaks. Please check this topic for sample code snippets (it’s for listings, but it can be applied to other items) https://hivepress.io/support/topic/2-column-listings-on-mobile-view/#post-17426

    Thread Starter thekingsman

    (@thekingsman)

    Thanks, it worked for the listings but I don’t know how to twerk the the code to get the categories looking just as the listings in two columns. Can you please help me with the css code? I believe the category columns can be edited with this just as in listings…

    /* 2 cols listings */
    .hp-listings .hp-grid__item {flex-basis:50%!important;max-width:50%!important;}

    But I don’t know how to. Please edit it for me????

    Theme Author HivePress

    (@hivepress)

    Please check if this snippet works instead:

    .hp-listing-categories .hp-grid__item {flex-basis:50%!important;max-width:50%!important;}

    You can also wrap it with a media query to apply it on mobile only.

    Thread Starter thekingsman

    (@thekingsman)

    Perfect! Thank you so much, it worked ??

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Show columns in mobile view’ is closed to new replies.