- Posts: 6
- Thank you received: 1
How to do responsive table layout?
3 years 3 weeks ago - 3 years 3 weeks ago #355879
by michcio19
How to do responsive table layout? was created 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?
-- 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
Replied by Philip on topic How to do responsive table layout?
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 :
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
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
}
}
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
Replied by michcio19 on topic How to do responsive table layout?
THX
@media (max-width: 1370px)
.hikashop_products_listing, .hikashop_products_pagination {
overflow: auto!important;
}
@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