Jelajahi Sumber

fixes for sticky navigation + marketing bar

Maggie Cabrera 4 tahun lalu
induk
melakukan
c7203e145f
1 mengubah file dengan 23 tambahan dan 1 penghapusan
  1. 23 1
      pique/style.css

+ 23 - 1
pique/style.css

@@ -1148,15 +1148,25 @@ 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 +2961,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 {