Skip to content

Instantly share code, notes, and snippets.

@maykbrito
Last active December 20, 2017 10:17
Show Gist options
  • Save maykbrito/fb405a51db2d98c10971127346edd886 to your computer and use it in GitHub Desktop.
Save maykbrito/fb405a51db2d98c10971127346edd886 to your computer and use it in GitHub Desktop.
@media (max-width: 980px) {
/*********************************
style mobile fixed header
*********************************/
#main-header.et-fixed-header {top:0 !important;}
.et_fixed_nav #main-header.et-fixed-header {
position: fixed;
background: rgba(255,255,255,0.8);
height: 55px;
}
.et-fixed-header .logo_container {
height: 55px;
}
.et-fixed-header .mobile_menu_bar {
padding-bottom: 5px;
}
/*********************************
make mobile fixed header navigation icon larger
*********************************/
.et-fixed-header .mobile_menu_bar:before {
font-size: 45px;
}
.et_header_style_left .et-fixed-header #et-top-navigation {
padding-top: 5px;
}
.et_fixed_nav #et-top-navigation {
-webkit-transition: none;
-moz-transition: none;
transition: none;
}
/**************************
Increase height of logo area on mobile and mobile fixed header
***************************/
#logo, .et-fixed-header #logo {
max-height: 80%;
}
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment