Product description Tables - Viewing incorrectly in mobile

Store Design
1

Hi, First post here in the community.
I have product descriptions which I’m using tables to host icons linking to product manuals etc.

Looks great on desktop, however on mobile it looks awful with items overlaying one another within the table.

If anyone could help, would be much appreciated.

Link to a product with the issue: https://flamecrafters.co.uk/products/ecosmart-stix-portable-bio-ethanol-fire-pit

It’s under the ‘Technical’ Tab.

Many thanks in advance!

2

Hi @dlegg15

This is David at SalesHunterThemes.

Follow this path:

Themes => edit code => asset => theme.css

and add this code to bottom of the file theme.css

table {
    max-width: 100%;
}
.rte td, .dynamic-newsletter-text td {
    display: table-cell;
    width: 100%;
}

If I managed to help you then, don’t forget to Like it and Mark it as Solution!

David | SalesHunterThemes team

1 Like
3

Brilliant! Thanks David!