Browse Source

Mobile CSS: right-align navbar title

The flex navbar's single .container has no fixed width on mobile, so it shrinks to
the title's width and its auto margins center it — centering 'David A. Windham'.
Force .navbar .container to full width below 768px so float:right pins the title to
the right edge, matching desktop.
windhamdavid 3 days ago
parent
commit
7f144ce7a0
2 changed files with 7 additions and 0 deletions
  1. 7 0
      style.css
  2. 0 0
      v4-style.min.css

+ 7 - 0
style.css

@@ -1706,6 +1706,13 @@ h2.entry-title {
 		padding-left: 15px;
 		padding-left: 15px;
 		padding-right: 15px;
 		padding-right: 15px;
 	}
 	}
+	/* The flex navbar's single .container has no fixed width on mobile, so as a
+	   flex item it shrinks to the title's width and its auto margins center it —
+	   which centers "David A. Windham". Force full width so float:right pins the
+	   title to the right edge, matching desktop. */
+	.navbar .container {
+		width: 100%;
+	}
 }
 }
 /* Block templates (search / 404 / page.html): the navbar's site-title is
 /* Block templates (search / 404 / page.html): the navbar's site-title is
    float:right, so it collapses the header and block <main> content would ride up
    float:right, so it collapses the header and block <main> content would ride up

File diff suppressed because it is too large
+ 0 - 0
v4-style.min.css


Some files were not shown because too many files changed in this diff