Unverified

Name

Desktop Menu : Make Hamburger Menu on Desktop

About

This CSS makes the Desktop Menu appear as Hamburger

Language

CSS

Rating

Voted: 0 by 0 user(s)

Codevault

Captivate-Code

Scroll down to see more snippets from this codevault.

Wordpress Compatability

The author has indicated that this snippet is compatable up to wordpress version: 6.4

Code Snippet Plugin Sync

Free & Pro

Download this snippet by clicking the download button, then head over to the Code Snippet Plugin settings in your wordpress admin dashboard, select the import menu then upload this file to import into your wordpress site.

Pro Only (Coming Soon)

You will be able to click a button and sync this snippet to your wordpress site automatically and from your dashboard manage all code snippets across all your wordpress sites that have the Code Snippets Pro plugin installed.

Website/ Profile URL:

https://captivatewebsites.com.au/

History

Last modified:

17/04/2024

Important Note

This snippet has the following status:

Unverified

This snippet has not been verified, use with caution and at your own risk. See details provided by author in sidebar and click below to find out more.

Learn More

Desktop Menu : Make Hamburger Menu on Desktop

 
                    
 1/*show hamburger menu on desktop*/
 2 
 3@media (min-width: 980px) {
 4.et_pb_menu .et_pb_menu__menu, .et_pb_fullwidth_menu .et_pb_menu__menu {
 5    display: none;
 6}
 7 
 8.et_pb_menu .et_mobile_nav_menu, .et_pb_fullwidth_menu .et_mobile_nav_menu {
 9    display: flex;
10    float: none;
11    margin: 20px 20px;
12    align-items: center;
13    color: #0000;
14 
15}
16}

0

Related Snippets

Please see some snippets below related to this snippet..

Divi Builder

Unverified

0

Mobile Menu – Replace Hamburger Menu with Text

Added: 6 months ago

Last Updated: 2 days ago

Change mobile menu from Hamburger to Text that shows open and close

View

Divi Builder

Unverified

0

Delete tooltips when hovering over images

Added: 1 year ago

Last Updated: 1 year ago

It annoys me a lot when having DIVI theme activated and you hover over an image, that the image name pops up in a tooltip. With this function you can hide that! Problem solved :)

View

Divi Builder

Unverified

0

Style Back to Top Button

Added: 6 months ago

Last Updated: 6 days ago

CSS Code to style the back-to-top button on Divi

View

Other Snippets in this Codevault

These are some popular snippets from this users codevault..

Divi Builder

Unverified

0

Desktop Menu : Make Hamburger Menu on Desktop

Added: 4 months ago

Last Updated: 2 months ago

This CSS makes the Desktop Menu appear as Hamburger

View

Divi Builder

Unverified

0

Desktop Menu : Make Hamburger Menu on Desktop - Remove Bullets

Added: 4 months ago

Last Updated: 4 months ago

This snippet should be used with Make Hamburger Menu on Desktop.

View

General

Unverified

0

Jumping Header

Added: 3 months ago

Last Updated: 3 months ago

Use this code to prevent the jumping header. See this guide https://quadlayers.com/fix-jumping-header-in-divi/#:~:text=When%20you%20apply%20changes%20to,creates%20the%20jumping%20header%20illusion....

View