Jump to content

Disable horizontal scrolling on cart summary at 768px h.res.


DARKF3D3

Recommended Posts

From 769px and above the cart is automatically adapted to page width, also from 767px and below.

But on exactly 768px, that's the resolution of some tablet like the iPad mini 1, the cart summary table is wider of the page so it show it in a scrolling table.

 

I wan't to disable it because i think this confuse the customer that for see prices should scroll the table.

 

I find this:

@media (max-width: 768px)
.table-responsive {
width: 100%;
margin-bottom: 15px;
overflow-y: hidden;
overflow-x: scroll;
border: 1px solid #d6d4d4;

The problem is that only removing the 2 overflow it show the table but too wide. Where i can set the width at 100% like at other resolution? 

Link to comment
Share on other sites

  • 2 weeks later...
×
×
  • Create New...