Hi,
I tried to influence the table-css for mobile devices. The css impacts the table-layout in desktop-browsers, but not the layout in
mobile browsers – whether for tables nor for handy, whether the general css-settings nor the specific for the different device-widths.
!important is used.
What can I do that the css influence the table-layout?
Website: http://www.triptripdrop.com, page “Produkte”
Many thanks,
Daniela
Hey Daniela,
if I use this code:
td {
color: red;
}
then it’s also working on mobile. So what exactly are you trying to achieve?
Best regards,
Andy
Hi,
I want to influence of the column-width. :-)
Thanks,
Daniela
Hi,
Please deactivate all plugins, to check if one is causing this issue and let us know about your results.
If that does not change anything then please post us your login credentials (in the “private data” field), so we can take a look at your backend.
Login credentials include:
Best regards,
Andy
Hi Andy,
I deactivated all plugins. But I got the same result. I can change the color, and other attributes but not the width.
It seems that I is calculated for responsive, so that all columns have the same width. The css-attribute width is ignored, even if I
set !important.
It seems that the calculation starts after setting the css-attributes, so that the css-attributes have no influence.
Best regards,
Daniela
Hi,
your table consists too many elements for mobile. However, try this solution: https://kriesi.at/support/topic/table-element-not-working-properly-in-responsive-mode/#post-497587
Best regards,
Andy
Hi Andy,
I built the table with HTML and now it works. Thanks for your hint.
Best regards,
Daniela
the topic can be closed.