Table layout for mobile

Get Started
1

Hi currently i m making compatible for android for this page http://demo.devilthemes.com/blackink/order.php. Here in this page my shopping cart table is cut. Is there idea to see right side part.

2

Your page is too wide an inflexible to work well on mobile. Because you’ve set everything in pixel fixed widths, the page can’t expand and contract to fit the browser window. That kind of designing can be a little harder, but it’s worth it. With the rise of mobile browsing, it’s worth considering % widths, @media queries etc., which are better for mobile design.

3

hi thanks for reply @ralph.m. My Shopping cart is in width 100%; even it is 100% it does not show on android phone. Now Table is long which is more than expected. But i do not know how can is see right part. My total column is hidding

4

Can you make a page with a fake “filled” shopping cart? When I was trying to make a site mobile-friendly, I built static HTML pages so I could tweak the CSS on them.
Ultimately, my tables still never fit on anything small. I think if my company had been more caring of mobile customers, they would have offered a mobile-only version simply to be able to send the shopping cart data in completely different HTML.

5

Your inner elements have fixed widths, which nullifies the effect of have % width on the outer containers. E.g.

#center_column {
  float: left;
  padding: 0 0 0 20px;
  [COLOR="#FF0000"]width: 545px;[/COLOR]
}