Remove overflow from cart on mobiles and make it fit screen

[jifola]

Hello,

 

I dont know if you know this or not but I am gonna post it anyway.

 

I didnt like how the cart looked on mobilephones in the default theme, with the overflow and not fitting the screen.

 

so I used this CSS:

 

@media screen and (max-width: 350px) {

table

    {
        display:block;

     }

}

 

Then you have to change the following in your themes global.css (use ctrl+f)

 

find .table-responsive

 

and change overflow-x: scroll;

 

to overflow-x: hidden;

 

It changes the layout a little bit, but I think it looks better than before.

 

It helps to remove the border-top from cart tfoot. If you know css you can change the floats of the content or whatever you like.

 

 

 

Just thought someone might find it helpfull.