Display products in 2 rows iPad in "Narrow view"

  • Posts: 344
  • Thank you received: 3
8 years 4 months ago #261043

-- HikaShop version -- : 3
-- Joomla version -- : 3.6.5
-- PHP version -- : 7

LEGACY SETTINGS
Use bootstrap design: NO

I've set the HikaShop » Products listing !>Div to display 3 Rows with products.
This also works perfect on my iPad in wide view.

But on the my iPad in "Narrow view" it only displays the products in 1 row, and I want it to display the products in 2 rows.

Any advice on what CSS code I can use to get the Products listing to display to rows with products in iPAD narrow view ?

tnx

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

  • Posts: 4820
  • Thank you received: 654
  • MODERATOR
8 years 4 months ago #261057

Hello,

You can use an @media like this kind of code:

@media only screen and (max-width: 500px) {
    your product div class {
        width: 50% or required width
    }
}

Here, this 50% width rule will be applied only if the screen is under 500 pixels.
Note: You can learn more about @media command, here .

Regards

Last edit: 8 years 4 months ago by Philip.

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

Time to create page: 0.057 seconds
Powered by Kunena Forum