How can I adjust table widths to fit on both mobile and desktop screens?

Store Design
,
1

Hello everyone,

I am unable to fit the widths of the entire table on one page. What to do? How to avoid the horizontal scroll and have everything full width on mobile and desktop.

Preview Link:

https://hougenmagdrills.com/pages/hougen12-000-series-rotabroach-annular-cutters-test?_pos=1&_sid=d5f07a447&_ss=r

Thank you for your support.

ToolTown_0-1684286117063.png
ToolTown_0-1684286117063.png1198Ɨ576 8.14 KB

2

Hello @ToolTown

To add a scrolling bar for a table, you can use the following CSS:

table {
  overflow-x: scroll;
}

This will add a horizontal scrollbar to the table. You can also add a vertical scrollbar by using the following CSS:

table {
  overflow-y: scroll;
}

This will add a vertical scrollbar to the table.

3

Thank you for your reply. But what I need is to fit the widths of the table with out scroll bars in the whole page. Like this Link: https://hougen.com/cutters/magdrill/Hougen-Annular-Cutters.html

1 Like
4

Iā€™m also looking for an answer to this question

5

+++ Yes, please, we are looking for a solution for this issue too.