Merge pull request #3896 from Automattic/fix-single-post-header

Quadrat: fix single post title when a custom logo is present

quadrat/assets/theme.css

@@ -641,7 +641,7 @@ textarea:focus {
 
 @media (max-width: 479px) {
 	.post-meta {
-		padding-top: 120px !important;
+		padding-top: 0 !important;
 	}
 }
 
@@ -690,6 +690,9 @@ textarea:focus {
 		bottom: 1.5rem;
 		left: 50%;
 	}
+	.post-header .wp-block-spacer {
+		display: none;
+	}
 }
 
 @media (max-width: 479px) {
@@ -699,6 +702,9 @@ textarea:focus {
 	.single.admin-bar .site-header {
 		top: 46px;
 	}
+	.single.wp-custom-logo .post-header {
+		padding-top: 150px !important;
+	}
 	.single .site-header {
 		position: absolute;
 		top: 0;

quadrat/sass/_meta.scss

@@ -2,7 +2,7 @@
 	align-items: center;
 	justify-content: center;
 	@include break-mobile-only() {
-		padding-top: 120px !important;
+		padding-top: 0 !important;
 	}
 
 	.wp-block-post-date::before {

quadrat/sass/_post-header.scss

@@ -17,6 +17,10 @@
 			bottom: 1.5rem;
 			left: 50%;
 		}
+
+		.wp-block-spacer {
+			display: none;
+		}
 	}
 }
 
@@ -31,6 +35,12 @@
 			}
 		}
 
+		&.wp-custom-logo {
+			.post-header {
+				padding-top: 150px !important;
+			}
+		}
+
 		.site-header{
 			position: absolute;
 			top: 0;