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

...
CalcBuilder

Create dynamic calculators

Buy now!
...
List Manager

Build different lists for your site

Buy now!