1. PROMO Subscribe our All Access Pass @ 75% OFF & access all our 16+ premium Divi extensions: Divi Block Pro, Carousel Toolkit, etc.LEARN MORE
Dismiss Notice
NEW Divi.Help Pro Carousel AI Toolkit - Magically turn your Divi design into carousel, simply by using our online toolkit. No plugins needed. Now it works with Divi 5 as well!Try our carousel AI toolkit
BEST Divi Block - A revolutionary drag & drop tool to easily mix & match 960+ premade blocks (Light & Dark) to kick start your Divi site design. Special module designs are included as well. Also newly added AI generator & color. Now it works with Divi 5 as well!
Learn More About Divi BlockFree Version ~ 340+ Free Blocks

Hamburguer menu on desktop

Discussion in 'Basic Support Forum' started by Matias Castro, Apr 16, 2019.

  1. Matias Castro

    Matias Castro New Member

    Hello, I'm new with this plugin.
    and i want to know if it is possible to put an hamburger menu is the header's right corner.

    Thanks
     
    #1 Matias Castro, Apr 16, 2019
    1. PRO MEMBER PERKS Divi Block Pro - Premade testimonial carousel design for your Divi site without using any plugins:View Demo
  2. Divi.Help Pro Support

    Divi.Help Pro Support Administrator
    Staff Member

    Currently, it's not possible to achieve that with our header plugin, as we don't have any custom module to show hamburger menu in desktop.

    But if you're just looking to add a simple hamburger menu that trigger a slide down menu, then we can help you with some custom CSS to achieve that. See below for sample:

    upload_2019-4-16_23-50-42.png
     
    #2 Divi.Help Pro Support, Apr 16, 2019
  3. Matias Castro

    Matias Castro New Member

    yes, I need that please
     
    #3 Matias Castro, Apr 16, 2019
    1. PRO MEMBER PERKS Divi Block Pro - Premade testimonial carousel design for your Divi site without using any plugins:View Demo
  4. Divi.Help Pro Support

    Divi.Help Pro Support Administrator
    Staff Member

    First, go to edit your custom header in Divi > DU Header - Library

    Then go to the Menu module settings > Advanced > CSS Class & remove free-header-menu & add free-desktop-hamburger

    Lastly, go to Divi > Theme Options > Custom CSS & add the below:
    Code:
    Log In or Sign Up to view this code.
    You might need to adjust some CSS value to fit your need.
     
    #4 Divi.Help Pro Support, Apr 16, 2019
  5. Matias Castro

    Matias Castro New Member

    Thank you, it works.

    Which is the class or id to modify the color and thickness of the hamburguer ?
     
    #5 Matias Castro, Apr 16, 2019
    1. PRO MEMBER PERKS Divi Block Pro - Powerful Divi header builder for you to mix & match premade header design, mobile menu & more:Learn More
  6. Divi.Help Pro Support

    Divi.Help Pro Support Administrator
    Staff Member

    You can change the color easily. As for the thickness, since it's using a font icon, you can set it using font-weight. But only two type of thickness is available: the normal one & a thicker one. But you can change the size of the hamburger.

    Check out the below CSS to adjust the color, thickness & size:
    Code:
    Log In or Sign Up to view this code.
     
    #6 Divi.Help Pro Support, Apr 16, 2019
(You must log in or sign up to post here.)