Hello!
I’m having a problem about formatting tables inside boxes.
As you can see - in mobile version - the two tables at the end of this page seems to be different as one shows badly while the other shows correct. I can’t get why they show differently, can someone help me please?
I’ll attach the screenshots to show exactly what I see.
Thank you!
Hi @beba,
You need to give a css class to the <td>
where you have the text and then use this css code to remove the padding so it will look good on your mobile:
@media only screen and (max-width: 1024px) {
.yourcssclass{
padding: 1px;
}
}
Thanks,
Cristian
Thank you for the help, unfortunately this solution seems not to solve the problem.
To achieve that I am trying to eliminate padding on text (but I’ll have to remove that also on iimages and div
) when seen on mobile while maintaining all of them in desktop view using:
@media only screen and (max-width: 1024px) {
p{
padding: 0px;
}
}
However this seems also not to work at all; am I missing some #page or some dot in the css? I guess that eliminating padding could help to visualize table correctly.
Thank you for your help.
Hello there,
I hope you are doing well today.
I have checked your website and bother of the tables appear to be fine when I test it using different screen sizes. Please notify me if you still need assistance.
Best Regards,
Support