autonomic-cooperative/somos-infinitos-theme
0
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

customize main header on mobile

Browse Source
This commit is contained in:
Aadil Ayub
2025-05-10 00:11:32 +05:00
parent 71dd01d418
commit 6a051678bf
4 changed files with 42 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

22
assets/css/custom.css
View File

@ -859,6 +859,13 @@ body {
max-width: 1440px !important;
gap: 4rem;
}
@media (max-width: 500px) {
.woocommerce-account .woocommerce {
flex-direction: column;
padding-inline: 1.5rem;
gap: 1rem;
}
}
.woocommerce-account .woocommerce::before, .woocommerce-account .woocommerce::after {
display: none;
}
@ -885,12 +892,22 @@ body {
border-radius: 12px;
display: flex;
}
@media (max-width: 500px) {
.woocommerce-account .woocommerce .woocommerce-MyAccount-navigation li.woocommerce-MyAccount-navigation-link a {
font-size: 16px;
}
}
.woocommerce-account .woocommerce .woocommerce-MyAccount-content {
float: unset;
border: 1px solid;
border-radius: 12px;
padding: 3rem;
}
@media (max-width: 500px) {
.woocommerce-account .woocommerce .woocommerce-MyAccount-content {
width: auto;
}
}
.is-large.wc-block-cart .wc-block-cart-items {
border: 1px solid;
@ -908,5 +925,10 @@ body {
padding-left: 2rem !important;
}
}
@media (max-width: 500px) {
#main-site-header {
padding-right: 3rem !important;
}
}
/*# sourceMappingURL=custom.css.map */