Listings

Hi guys,

When I view my shop on a tablet in landscape mode, the list of products (and categories) are nicely lined up next to each other



But when I turn the tablet to portrait, there are these huge boxes while there could fit at least 2 products (or categories) next to each other



How / Where can I change this setting in Hikashop?

Hello,

There are no setting in HikaShop to do this, but there are a quite easy solution.
To have a different display from mobile to classic screen or a wider screen.
Let's detail this :
1. First, see this documentation about the @media command.
2. Have a look on this forum subject
=> Example : (pseudo code) With this code, you will have your listing module (or item menu) will automatically switch for 2 columuns (2 item per row module) WHEN the screen will be smaller than 600 pixel.

Hope this will meet your expectations.
Regards

Oke, so I need to add/change this piece of css code. In which css file? Where is it located?

Nevermind, found it

But no clue where to put it

In the css file of your template, or you cand also add that from hikashop:
Congiguration > Display > Css > Styles for the front-end

Hi,

Here is the documentation on how to add CSS code for HikaShop:
www.hikashop.com/support/documentation/1...ize-the-display.html
You can add your custom CSS at the end of the "styles for frontend" option. And by default, that setting should be set to "none", with no CSS in it.