Last active
July 21, 2016 20:58
-
-
Save SiGaCode/f8dccf857bd51ab73913350feadee8f8 to your computer and use it in GitHub Desktop.
Always hamburger (hamburger icon on desktops) for a header right menu. Dynamik solution without plugin.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
//* Goes to Dynamik Design - Skins - Your Skin - PHP (AFTER line 45, read bottom comments) | |
//* Reposition the primary mobile nav inside header, so we can align hamburger and title/logo side by side | |
remove_action( 'genesis_after_header', 'dynamik_mobile_nav_1', 9 ); | |
add_action( 'genesis_header', 'dynamik_mobile_nav_1', 9 ); |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
/* Goes to Dynamik Design - Responsive - Tablet Landscape Cascading @media query (1st media query box) */ | |
/* Float title/logo left */ | |
.title-area { | |
display: inline-block; | |
float: left; | |
width: auto; | |
padding-left: 15px; | |
} |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
/* Goes to Dynamik Design - Skins - CSS */ | |
.site-header .widget-area { | |
display:none; | |
} | |
.responsive-primary-menu-container { | |
background: #FFFFFF; | |
border-bottom: 0px solid #DDDDDD; | |
margin: 0 10px 0 0; | |
overflow: hidden; | |
cursor: pointer; | |
-webkit-box-sizing: border-box; | |
-moz-box-sizing: border-box; | |
box-sizing: border-box; | |
} | |
.responsive-primary-menu-container h3 { | |
padding-left: 15px; | |
color: #888888; | |
font-size: 16px; font-size: 1.6rem; | |
font-family: 'Raleway', sans-serif; | |
font-weight: normal; | |
float: left; | |
} | |
.responsive-primary-menu-container .responsive-menu-icon { | |
padding: 10px; | |
float: right; | |
/* A border maybe? Up to you! */ | |
/* border: 1px solid #ccc; | |
border-radius: 7px;*/ | |
} | |
.responsive-primary-menu-container .responsive-icon-bar { | |
display: block; | |
width: 18px; | |
height: 3px; | |
background: #888888; | |
margin: 1px 0; | |
float: right; | |
clear: both; | |
-webkit-border-radius: 1px; | |
border-radius: 1px; | |
} | |
/* Float hamburger right */ | |
.responsive-primary-menu-container { | |
display:inline-block; | |
float:right; | |
width: auto; | |
padding-top:25px; | |
} |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment