mobile version

quadrat/assets/theme.css

@@ -431,11 +431,24 @@ a:active, a:focus {
 	z-index: -1;
 }
 
+@media (max-width: 479px) {
+	.site-header:before {
+		-webkit-clip-path: polygon(0 0, 100vw 0, 100vw 50vw, 52vw 83vw, 0 20vw);
+		        clip-path: polygon(0 0, 100vw 0, 100vw 50vw, 52vw 83vw, 0 20vw);
+	}
+}
+
 .post-meta {
 	align-items: center;
 	justify-content: center;
 }
 
+@media (max-width: 479px) {
+	.post-meta {
+		padding-top: 120px !important;
+	}
+}
+
 .post-meta .wp-block-post-date::before {
 	display: none;
 }

quadrat/block-template-parts/single.html

@@ -1,9 +1,5 @@
-<!-- wp:spacer -->
-<div style="height:170px" aria-hidden="true" class="wp-block-spacer"></div>
-<!-- /wp:spacer -->
-
-<!-- wp:group {"className":"post-meta"} -->
-<div class="wp-block-group post-meta">
+<!-- wp:group {"style":{"spacing":{"padding":{"top":"170px"}}},"className":"post-meta"} -->
+<div class="wp-block-group post-meta" style="padding-top:170px">
 	<!-- wp:post-date {"textAlign":"center","fontSize":"tiny"} /-->
 	<!-- wp:post-terms {"term":"category","textAlign":"center","fontSize":"tiny"} /-->
 </div>

quadrat/sass/_header.scss

@@ -53,5 +53,9 @@
 		left: 0;
 		right: 0;
 		z-index: -1;
+
+		@include break-mobile-only() {
+			clip-path: polygon(0 0, 100vw 0, 100vw 50vw, 52vw 83vw, 0 20vw);
+		}
 	}
 } 

quadrat/sass/_meta.scss

@@ -1,6 +1,9 @@
 .post-meta {
 	align-items: center;
 	justify-content: center;
+	@include break-mobile-only() {
+		padding-top: 120px !important;
+	}
 
 	.wp-block-post-date::before {
 		display: none;