Skip to main content

How to do responsive table layout?

3 years 3 weeks ago - 3 years 3 weeks ago #355879 by michcio19
-- 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: 3 years 3 weeks ago by michcio19.

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

3 years 3 weeks ago - 3 years 3 weeks ago #355895 by Philip
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 :
Code:
@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: 3 years 3 weeks ago by Philip.

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

3 years 3 weeks ago #355899 by michcio19
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.125 seconds
Powered by Kunena Forum