autonomic-cooperative/autonomic-block-theme
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

fix margins on single post pages on mobile

Browse Source
This commit is contained in:
Aadil Ayub
2025-07-29 19:43:03 +05:00
parent b860a71a6b
commit 95888cdbbc
1 changed files with 45 additions and 30 deletions
Download Patch File Download Diff File Expand all files Collapse all files

59
style.css
View File

@ -21,7 +21,8 @@ Use it to make something cool, have fun, and share what you've learned
with others. with others.
*/ */
html, body { html,
body {
height: 100%; height: 100%;
} }
@ -91,7 +92,7 @@ html, body {
padding: 1em; padding: 1em;
} }
@media screen and (max-width: 782px){ @media screen and (max-width: 782px) {
.nav-menu { .nav-menu {
padding-left: 1rem; padding-left: 1rem;
padding-right: 1rem; padding-right: 1rem;
@ -139,7 +140,7 @@ html, body {
} }
} }
@media screen and (min-width: 600px){ @media screen and (min-width: 600px) {
.nav-menu .wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open) { .nav-menu .wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open) {
display: none; display: none;
} }
@ -153,35 +154,49 @@ html, body {
TODO: integrate this with the rest of the css TODO: integrate this with the rest of the css
*/ */
@media screen and (max-width: 600px) { @media screen and (max-width: 600px) {
.home-flower { .home-flower {
display: none; display: none;
} }
.wp-container-13 .wp-block-group {
padding-top: 0 !important;
}
h1, p { .wp-container-13 .wp-block-group {
padding: 1rem; padding-top: 0 !important;
} }
.footer { h1,
padding-inline: 1rem; p,
} time {
padding: 1rem;
}
.footer p { .single-post {
padding: 0; .wp-block-post-content {
} padding-inline: 1rem;
}
.wp-site-blocks .wp-block-group:nth-child(1) { .wp-block-post-content h2 {
padding-top: 24px !important; padding-inline: 1rem;
} }
}
.footer {
padding-inline: 1rem;
}
.footer p {
padding: 0;
}
.wp-site-blocks .wp-block-group:nth-child(1) {
padding-top: 24px !important;
}
} }
@media screen and (min-width: 782px){ @media screen and (min-width: 782px) {
.nav-menu { .nav-menu {
display: block; display: block;
padding-right: 30%; padding-right: 30%;
} }
.nav-menu .wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open) { .nav-menu .wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open) {
display: block; display: block;
} }