The table of shipping costs is not displayed completely on the cell phone

Store Design
1

The table of shipping costs is not displayed completely on the cell phone. This must be scrolled. How can I adjust this so that the table is displayed completely on the cell phone? Thanks for your help

IMG_586E442BE06A-1.jpeg
IMG_586E442BE06A-1.jpeg1170×2532 130 KB

2

Hi @Florianhvs ,

Go to Assets > theme.css and paste this at the bottom of the file:

@media screen and (max-width: 992px) {
	.template-page .page-body table{
		overflow-x: scroll !important;
		max-width: 100% !important;
		display: block !important;
	}
}

Hope it helps!

3

Thanks for your help! Unfortunately it did not work! Do you have another idea?

4

Hi @Florianhvs ,

Has it been resolved?

5

Hi @LitCommerce , no unfortunately not yet! I have confirmed the button by mistake.

6

Hi @Florianhvs ,

Can you re-add the code? I will check it.

Because I added and it scrolls horizontally at mobile:

Screenshot.png
Screenshot.png351×505 12.5 KB

7

@LitCommerce The table also scrolls horizontally. But I want it to be displayed as a whole, without scrolling.

8

Hi @Florianhvs ,

You can re-add the table, I will help you check it again