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

17
assets/scss/custom.scss
View File

@ -585,6 +585,11 @@ body {
// justify-content: space-between;
max-width: 1440px !important;
gap: 4rem;
@media (max-width: 500px) {
flex-direction: column;
padding-inline: 1.5rem;
gap: 1rem;
}
&::before,
&::after {
@ -614,6 +619,9 @@ body {
border: 1px solid;
border-radius: 12px;
display: flex;
@media (max-width: 500px) {
font-size: 16px;
}
}
}
}
@ -623,6 +631,9 @@ body {
border: 1px solid;
border-radius: 12px;
padding: 3rem;
@media (max-width: 500px) {
width: auto;
}
}
}
}
@ -642,4 +653,10 @@ body {
padding-right: 2rem !important;
padding-left: 2rem !important;
}
}
@media (max-width: 500px) {
#main-site-header {
padding-right: 3rem !important;
}
}