Hello,
On mobile devices only, content is cut off on the side .What code do I need to add so it’s not cut off on mobile view?
@NaomiNN Ca Va? - that section uses TABLES and is HARD coded to be 412px wide.
You can go to that page, change it to source code and change the table width to 350px and this may help but it will also affect desktop.
To do this correctly, you can:
a) convert the table, tr, td to div elements then add CSS to format it
or
b) do what I say above and live with the sizing on desktop and mobile
or
c) make a mobile only version and desktop only version (you would have to add a class to the table, duplicate the table, hide one on desktop and then hide the other on mobile) (this would be a paid service from anyone on the forums or experts)
1 Like
Hi @NaomiNN
This is Henry from PageFly - Landing Page Builder App
You can try this code by following these steps:
Step 1: Go to Online Store->Theme->Edit code.
Step 2: Search file base.css
Step 3: Paste the below code at bottom of the file → Save
table:not([class]) {
width: 360px !important;
}
tbody td {
width: 80px !important;
}
Hope that my solution works for you.
Best regards,
Henry | PageFly
1 Like
Hi @NaomiNN ,
This is David at SalesHunterThemes.
You can try to follow these steps:
Go to Online Store → Themes → Actions → Edit code.
Go Assets folder → base.css file.
Add this following code at the bottom of page.
@media (max-width: 768px) {
table:not([class]) td {
padding: 0.5em !important;
width: 80px !important;
}
.rte table {
width: 340px;
}
}
result:
If I managed to help you then, don’t forget to Like it and Mark it as Solution!
David | SalesHunterThemes team
1 Like
Thank you for your reply!
Thank you so much for your help Henry, the code worked. Have a nice day! 
Hi @David_SHT
Thank you so much for your help. Have a nice day!