How to do responsive table layout?

  • Posts: 6
  • Thank you received: 1
6 months 2 weeks ago #355879

-- HikaShop version -- : 5.0.0
-- Joomla version -- : 434
-- PHP version -- : 8.2
-- Browser(s) name and version -- : chrome
-- Error-message(debug-mod must be tuned on) -- : How to do responsive table layout?

How to do responsive table layout?

Last edit: 6 months 2 weeks ago by michcio19.

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

  • Posts: 4540
  • Thank you received: 612
  • MODERATOR
6 months 2 weeks ago #355895

Hello,

First of all, can you precise the context or better provide an Url link to allow us to better understand the situation?
But in a general way, you can add Css like this, follow me step by step :
- Have a look on this Documentation to see how to add your custom Css command
- You have to use the "@media" command to have css commands active only for specific screen dimensions
Example :

@media only screen and (max-width: 600px) {
        body {
            // Your command Css
        }
}
Here, your relative command will be used only for 600 px wide screen, and so you have to use command that will improve display with small width.

Regards

Last edit: 6 months 2 weeks ago by Philip.

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

  • Posts: 6
  • Thank you received: 1
6 months 2 weeks ago #355899

THX

@media (max-width: 1370px)
.hikashop_products_listing, .hikashop_products_pagination {
overflow: auto!important;
}

The following user(s) said Thank You: Philip

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

Time to create page: 0.065 seconds
Powered by Kunena Forum