Hi everyone,
I’m encountering a display issue when using the Fields component on mobile. The rows of data are quite long, and when viewed on a phone, the values on the left appear stacked vertically, with each character displayed underneath the previous one.
Are there any settings I can adjust or workarounds to fix this?
Thanks in advance for your help!
Do you have access to CSS? What plan are you on?
.adjusted-fields div[class*="fields___StyledDiv2"], .adjusted-fields div[class*="fields___StyledDiv3"] {
width: 50%;
}
.adjusted-fields div[class*="fields___StyledDiv2"], .adjusted-fields div[class*="fields___StyledDiv3"] p {
font-size: 13px;
}
With adjusted-fields being the custom class name of that fields component.
thank you for your answer, I’m on Team Plan
You should be able to use Custom CSS.
thank you very much, you are a star