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

Divi Ultimate Header Break Point

Discussion in 'Basic Support Forum' started by Noel Rowse, Mar 29, 2019.

  1. Noel Rowse

    Noel Rowse New Member

    Hi, Does anyone know how i can achieve the following with the Divi Ultimate Header Plugin

    1. Change the Navigation links to a burger menu in desktop layout

    2. Change the break point of when the Divi Ultimate Header gets replaced by Divi's default Navigation.

    Kind regards

    Noel
     
    #1 Noel Rowse, Mar 29, 2019
    1. PRO MEMBER PERKS Divi Block Pro - 30+ premade custom header designs for you to choose from:View Demo
  2. Divi.Help Pro Support

    Divi.Help Pro Support Administrator
    Staff Member

    If you wish to force the menu module to show the hamburger icon in desktop, you can try to go to the Menu module settings > Advanced > CSS Class & add free-menu-hamburger. Then, add the below CSS in Divi > Theme Options > Custom CSS:
    Code:
    Log In or Sign Up to view this code.
    Though, this will have few issues:
    1. Search & cart icon doesn't work properly on the hamburger dropdown.
    2. You should just have simple one level menu. If not, will be pretty messy.
    You can try the below CSS in Divi > Theme Options > Custom CSS:
    Code:
    Log In or Sign Up to view this code.
    Few things to note:
    1. This will show the default Divi header below 1040px. Adjust the value to your liking.
    2. This will hide the sticky section below 1040px, which is usually the menu section.
    3. This will add padding top to allow spacing for the default Divi header. Adjust the padding top 79px to your liking.

    If it did not work as expected, kindly share your URL & I'll look into it.
     
    #2 Divi.Help Pro Support, Mar 29, 2019
(You must log in or sign up to post here.)