Make header scrollable

engageintellect · web-flow · commit 9c8e907cdb63 · 2023-03-10T19:47:50.000-08:00
Longer page titles text to overflow off the right side of the screen. This small change will enable users to scroll the header horizontally on mobile devices so they can read the whole page title
diff --git a/styles/notion.css b/styles/notion.css
@@ -42,6 +42,7 @@
 .notion-header .notion-nav-header {
   max-width: 1100px;
   margin: 0 auto;
+  overflow-x: auto;
 }
 
 .notion-nav-header-rhs {

Original file line number	Diff line number	Diff line change
`@@ -42,6 +42,7 @@`
`42`	`42`	`.notion-header .notion-nav-header {`
`43`	`43`	`max-width: 1100px;`
`44`	`44`	`margin: 0 auto;`
	`45`	`+ overflow-x: auto;`
`45`	`46`	`}`
`46`	`47`
`47`	`48`	`.notion-nav-header-rhs {`