Merge pull request #2656 from Automattic/fix/pique-marketing-bar

Fix/pique marketing bar

pique/style.css

@@ -1147,16 +1147,27 @@ a:active {
 }
 
 /* Account for the admin bar */
+
 @media screen and (min-width: 600px) and (max-width: 782px) {
-	.admin-bar .main-navigation.sticky {
+	.admin-bar .main-navigation.sticky,
+	.has-marketing-bar .main-navigation.sticky {
 		top: 46px;
 	}
+	.admin-bar.has-marketing-bar .main-navigation.sticky {
+		top: calc(46px + 46px);
+	}
 }
 
 @media screen and (min-width: 782px) {
 	.admin-bar .main-navigation.sticky {
 		top: 32px;
 	}
+	.has-marketing-bar .main-navigation.sticky {
+		top: 49px;
+	}
+	.admin-bar.has-marketing-bar .main-navigation.sticky {
+		top: calc(32px + 49px);
+	}
 }
 
 .secondary-links ul {
@@ -2951,10 +2962,22 @@ blockquote .overlay cite,
 .admin-bar.pique-frontpage #masthead {
 	top: 32px;
 }
+.has-marketing-bar.pique-frontpage #masthead {
+	top: 49px;
+}
+.admin-bar.has-marketing-bar.pique-frontpage #masthead {
+	top: calc(32px + 49px);
+}
 @media screen and (max-width: 782px) {
 	.admin-bar.pique-frontpage #masthead {
 		top: 46px;
 	}
+	.has-marketing-bar.pique-frontpage #masthead {
+		top: 49px;
+	}
+	.admin-bar.has-marketing-bar.pique-frontpage #masthead {
+		top: calc(32px + 49px);
+	}
 }
 
 .entry-content {