we can see 2 rows in below image we have 5-6 horizontal lines after one row.
I want to hide all those lines & want to display single line after one row as like below
#shopping-cart-table .a-center {
color: #000;
font-weight: normal;
font-size: 14px;
}
#cart2 {
position: relative;
right: 40px;
}
.cart-table thead th, .cart-table tbody td {
background-color: transparent;
padding: 10px 5px;
font-family: 'Roboto Condensed', sans-serif;
}
just change your existing css to below css.
@media only screen and (min-width: 1224px){
.cart thead {
background: #fff;
box-shadow: 3px -3px 3px #ccc;
padding-bottom: 13px !important;
border-bottom: 1px solid #ccc;}
}
Collected from the Internet
Please contact [email protected] to delete if infringement.
Comments