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

75
style.css
View File

@ -21,7 +21,8 @@ Use it to make something cool, have fun, and share what you've learned
with others.
*/
html, body {
html,
body {
height: 100%;
}
@ -91,7 +92,7 @@ html, body {
padding: 1em;
}
@media screen and (max-width: 782px){
@media screen and (max-width: 782px) {
.nav-menu {
padding-left: 1rem;
padding-right: 1rem;
@ -104,7 +105,7 @@ html, body {
ul.what-we-offer {
padding-left: revert !important;
}
.home .wp-site-blocks h2 {
margin-top: 60px;
}
@ -139,11 +140,11 @@ 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) {
display: none;
}
.nav-menu .wp-block-navigation__responsive-container-open:not(.always-shown) {
display: inherit;
}
@ -153,35 +154,49 @@ html, body {
TODO: integrate this with the rest of the css
*/
@media screen and (max-width: 600px) {
.home-flower {
display: none;
}
.wp-container-13 .wp-block-group {
padding-top: 0 !important;
}
.home-flower {
display: none;
}
h1, p {
padding: 1rem;
}
.wp-container-13 .wp-block-group {
padding-top: 0 !important;
}
.footer {
padding-inline: 1rem;
}
h1,
p,
time {
padding: 1rem;
}
.footer p {
padding: 0;
}
.single-post {
.wp-block-post-content {
padding-inline: 1rem;
}
.wp-site-blocks .wp-block-group:nth-child(1) {
padding-top: 24px !important;
}
.wp-block-post-content h2 {
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 {
display: block;
padding-right: 30%;
}
.nav-menu .wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open) {
display: block;
}
@ -205,18 +220,18 @@ html, body {
.first-slide h1 {
font-size: 32px !important;
}
.run-up-points ul li {
.run-up-points ul li {
font-size: 32px !important;
}
}
/* for free palestine block */
.free-palestine-banner {
color: var(--wp--preset--color--background);
font-family: Inter, sans-serif;
.free-palestine-banner {
color: var(--wp--preset--color--background);
font-family: Inter, sans-serif;
}
/* responsive tweaks */
.wp-block-navigation__responsive-container.is-menu-open {
padding: 1em