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:
2024-12-23 09:29:57 +01:00
parent b48899b444
commit 79512f23d0
3 changed files with 30 additions and 5 deletions

View File

@@ -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;
}