Center Logo and Menu in Genesis 2.6 - https://amethystwebsitedesign.com/center-logo-and-menu-in-genesis-sample-2-6/
| /* Center logo and menu on only large screens. */ | |
| @media only screen and (min-width: 960px) { | |
| .wp-custom-logo .title-area, | |
| .wp-custom-logo .nav-primary { | |
| float: none; | |
| } | |
| .wp-custom-logo .title-area { | |
| margin: 0 auto; | |
| text-align: center; | |
| } | |
| .wp-custom-logo .nav-primary { | |
| text-align: center; | |
| } | |
| .wp-custom-logo .nav-primary .sub-menu { | |
| text-align: left; | |
| } | |
| } |
| /* Center logo and menu on large and small screens. */ | |
| .wp-custom-logo .title-area, | |
| .wp-custom-logo .menu-toggle, | |
| .wp-custom-logo .nav-primary { | |
| float: none; | |
| } | |
| .wp-custom-logo .title-area { | |
| margin: 0 auto; | |
| text-align: center; | |
| } | |
| @media only screen and (min-width: 960px) { | |
| .wp-custom-logo .nav-primary { | |
| text-align: center; | |
| } | |
| .wp-custom-logo .nav-primary .sub-menu { | |
| text-align: left; | |
| } | |
| } |
| /* No fixed header. */ | |
| .site-header { | |
| position: static; | |
| } |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment