Skip to content

Instantly share code, notes, and snippets.

@jcamp
Last active March 1, 2020 10:49
Show Gist options
  • Save jcamp/90cad116230d461e873c4a70ce087ed2 to your computer and use it in GitHub Desktop.
Save jcamp/90cad116230d461e873c4a70ce087ed2 to your computer and use it in GitHub Desktop.
DIVI Theme - Use mobile menu on desktop #divi
/* If you don’t want to clutter up your header bar with too many links, you can always choose to emulate what mobile
displays do: use a toggle to display a navigation menu.
Divi actually does this when being browsed from a mobile device, and the code below simply makes this toggle
button accessible when your site is being viewed from a PC. This way you can keep your header looking uncluttered.
*/
@media only screen and ( min-width:980px ) {
#et_mobile_nav_menu { display:block }
#top-menu-nav { display:none; }
}
/**change these settings if you want to style it**/
.mobile_menu_bar:before {
content: "\61";
font-size: 32px;
left: 0;
position: relative;
top: 0;
cursor: pointer;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment