Skip to content

Instantly share code, notes, and snippets.

@Tmeister
Created August 22, 2014 17:15
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save Tmeister/1bb2d14c49dcdb7fa95e to your computer and use it in GitHub Desktop.
Save Tmeister/1bb2d14c49dcdb7fa95e to your computer and use it in GitHub Desktop.
Custom CSS to Add Logo to Voyant Mobile Menu
.section-menu-voyant .voyant-mobile-nav .voyant-menu-holder{
width: 100%;
margin-left: 0;
}
.section-menu-voyant .voyant-mobile-nav .voyant-menu-holder:before{
/*Replace with your logo URL*/
background: url('http://3z6cyh36dph41r69gi2tjn07r24.wpengine.netdna-cdn.com/wp-content/uploads/2014/04/voyant4.png') no-repeat;
background-size: contain;
background-position-y: 5px;
width: 100%;
background-color: rgba(74,187,237, .8 );
margin-left: 0;
content: '';
position: absolute;
height: 60px;
}
.section-menu-voyant .mobile-trigger{
right: 10px;
}
.section-menu-voyant .voyant-mobile-menu{
margin-top: 10px;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment