List Manager Forum

Configuring the mobile display

User Porter 2024-11-23 11:20:55

If I use a table (and I don't want a box) as a list, then my mobile phone-display will show a responsive layout that pretty much converts each table row into a box-like list. Is there anyway to configure this to my liking?

Moonsoft support 2024-11-25 09:39:07

Hi,
yes, you can handle the layout as you need, modifying/overwriting the responsive classes. At the file

YOURSITE/media/mod_listmanager/assets/css/lm.css


inside the section for mobile

@media screen and (max-width: 768px) {

you will find the classes adding the responsive behaviour, under the main class

table-responsive-stack

you will find the rest of the elements and their styles applied

table-responsive-stack-thead

.lm_content_wrapper .table-responsive-stack tr
...etc

you can remove/modify to make them show as required.

Hope this helps, regards

Silvia Martín
Moonsoft Team

...
List Manager

Build different lists for your site

Buy now!
...
Support/development

Perfect for small code changes or to correct any bug at your site

Buy now!