Enhance mobile styles with adjustments to padding and box sizing for better layout, including new free shipping box and updated article list styling
This commit is contained in:
@@ -1,4 +1,9 @@
|
||||
@media(max-width: 767px) {
|
||||
#box_freeshipping {
|
||||
padding-right: 25px !important;
|
||||
box-sizing: border-box !important;
|
||||
}
|
||||
|
||||
#box_specialoffer {
|
||||
box-sizing: border-box !important;
|
||||
padding: 0 15px !important;
|
||||
@@ -119,7 +124,7 @@
|
||||
|
||||
#box_articlelist,
|
||||
#fx-about {
|
||||
padding: 0 25px !important;
|
||||
padding: 0 15px !important;
|
||||
width: auto !important;
|
||||
}
|
||||
|
||||
@@ -157,7 +162,6 @@
|
||||
|
||||
#box_mainproducts {
|
||||
.product {
|
||||
padding: 15px !important;
|
||||
margin: 0 !important;
|
||||
height: auto !important;
|
||||
|
||||
@@ -211,6 +215,14 @@
|
||||
.price__inactive {
|
||||
font-size: 13px !important;
|
||||
}
|
||||
|
||||
.price__omnibus {
|
||||
font-size: 12px !important;
|
||||
|
||||
.price__inactive {
|
||||
font-size: 12px !important;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
form {
|
||||
@@ -264,7 +276,7 @@
|
||||
}
|
||||
|
||||
#box_custom40 {
|
||||
padding: 0 25px;
|
||||
padding: 0 15px;
|
||||
|
||||
a.read-more {
|
||||
font-weight: 600;
|
||||
@@ -438,6 +450,15 @@
|
||||
}
|
||||
|
||||
#box_basketlist {
|
||||
.basket-free-shipping {
|
||||
margin-top: 15px;
|
||||
border: 1px solid #f59e01;
|
||||
padding: 10px;
|
||||
text-align: center;
|
||||
font-weight: 600;
|
||||
border-radius: 5px;
|
||||
}
|
||||
|
||||
.quantity {
|
||||
width: 9em;
|
||||
text-align: center;
|
||||
@@ -461,4 +482,8 @@
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.consents__modal {
|
||||
padding: 15px !important;
|
||||
}
|
||||
Reference in New Issue
Block a user