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

25
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;
} }
@ -156,14 +157,27 @@ html, body {
.home-flower { .home-flower {
display: none; display: none;
} }
.wp-container-13 .wp-block-group { .wp-container-13 .wp-block-group {
padding-top: 0 !important; padding-top: 0 !important;
} }
h1, p { h1,
p,
time {
padding: 1rem; padding: 1rem;
} }
.single-post {
.wp-block-post-content {
padding-inline: 1rem;
}
.wp-block-post-content h2 {
padding-inline: 1rem;
}
}
.footer { .footer {
padding-inline: 1rem; padding-inline: 1rem;
} }
@ -177,11 +191,12 @@ html, body {
} }
} }
@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;
} }