Number of Columns Dislayed

  • Posts: 21
  • Thank you received: 1
  • Hikamarket Multivendor Hikashop Business
4 weeks 17 hours ago #364116

-- HikaShop version -- : 5.1.1
-- Joomla version -- : 4.4.9
-- PHP version -- : 8.1
-- Browser(s) name and version -- : Chrome

Hi, I created a menu called SHOP that display a category listing. I have set it to display 3 category thumbnails in a row. When viewing on a desktop, it displays 3 in a row. However, when I view on tablet with portrait orientation it displays only 1 category per row even if there is still much space to show 2 or even 3 categories in the row. Is there a setting to make display responsive so that the number of categories that will appear in a row will depend on the width of the device?

Please Log in or Create an account to join the conversation.

  • Posts: 82863
  • Thank you received: 13372
  • MODERATOR
4 weeks 8 hours ago #364118

Hi,

You can add CSS like this on your website:

@media (min-width: 500px) and (max-width: 992px) {
    .hkc-md-4 {
        width: 50%;
    }
}
In that case, between 500px and 992px of width available on the browser window, a listing of 3 columns will display with 2 columns.

www.hikashop.com/support/documentation/1...ize-the-display.html

Please Log in or Create an account to join the conversation.

  • Posts: 21
  • Thank you received: 1
  • Hikamarket Multivendor Hikashop Business
3 weeks 6 days ago #364119

Thank you Nicolas for your reply. Will test out your suggestion.

Please Log in or Create an account to join the conversation.

Time to create page: 0.051 seconds
Powered by Kunena Forum