Browse Source

Copy original issue's styling for the social menu

torres126 6 years ago
parent
commit
bacb253ae5
1 changed files with 18 additions and 0 deletions
  1. 18 0
      apostrophe-2/style.css

+ 18 - 0
apostrophe-2/style.css

@@ -2691,6 +2691,7 @@ Primarily mobile devices and super-small tablets.
 
 	.main-navigation {
 		margin: 10px 0 20px;
+		position: relative;
 	}
 
 	.main-navigation .menu-toggle {
@@ -2773,6 +2774,23 @@ Primarily mobile devices and super-small tablets.
 	.apostrophe-2-navigation .dropdown-toggle {
 		display: block;
 	}
+	
+	/* Display the social menu if the user requests it */
+	.social-mobile-menu .jetpack-social-navigation {
+    		display: block;
+    		position: absolute;
+    		top: 0;
+    		right: 0;
+		min-width: 5%;
+   		max-width: 80%;
+    		height: 50px;
+	}
+  
+ 	.social-mobile-menu .jetpack-social-navigation ul li a {
+     		margin-right: 2em;
+    		padding: 0.75rem 0 1.5rem;
+   		line-height: 45px;
+	}
 
 	/* Use a slightly smaller font size for titles */
 	h1 {