Resizing on Mobile Phone

On my Page I have a column and in this column I made a table with html shortcuts <table>. Everything works fine on PCs but when I open the page on a phone in vertical mode a part of the table isn't shown. When I turn my phone in horizontal mode the table is shown complete.

Is there a possibility to resize the table and show it complete in vertical mode? or a possibility to scroll the table from left to right in vertical mode? both would help a lot.

the table is on this site: http://digmar.at/products/scansystems/technical-specification-visys-2d/

Comments

  • Hello,

    In this situation, you can do two things:

    1) Please put spaces in your table because now the cell's values are considered as one word, and they are forced to be displayed without breaking. When you divide them with space, the words will go to the second row.

    2) Put the following CSS code in the Custom | CSS section placed in the Page Options. But this CSS will move to the second row every single letter that does not fit.

    table td{
       word-break: break-all!important;
    }
    

    Thanks

Sign In or Register to comment.