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

Need search and Mobile Hamburger Menu Sticky

Discussion in 'Basic Support Forum' started by Paul Whitemen, Feb 20, 2020.

  1. Paul Whitemen

    Paul Whitemen New Member
    Divi Ultimate Header Plugin Divi Ultimate Footer Plugin

    #1 Paul Whitemen, Feb 20, 2020
    1. PRO MEMBER PERKS Divi Ultimate Archive Plugin - Tons of elegant premade sidebar styles to choose from for your Divi site:Learn More
  2. Divi.Help Pro Support

    Divi.Help Pro Support Administrator
    Staff Member

    Currently in mobile, you have this part to be sticky:

    upload_2020-2-21_12-47-42.png

    And you wish to make the top bar to be sticky as well, along with the one above.

    upload_2020-2-21_12-47-50.png

    If that's the case, you will need to hide the default Divi mobile header & create a new one using Divi Builder.

    Here's the steps:

    1. Use the CSS below in Divi > Theme Options > Custom CSS to hide the default Divi mobile header:
    Code:
    Log In or Sign Up to view this code.
    2. Next is go to edit your custom header in Divi > DU Header - Library

    3. Add a new Fullwidth Section on top & add a Fullwidth menu module in it.

    4. Set the Fullwidth menu module to have Search icon in Module Settings > Elements > Show Search Icon.

    5. Next, go to the Fullwidth Section Settings > Advanced > CSS Class & add free-sticky free-sticky-mobile-show

    6. Also set the section to be hidden in dekstop: Fullwidth Section Settings > Advanced > Visibility.

    And done.
     
    #2 Divi.Help Pro Support, Feb 20, 2020
(You must log in or sign up to post here.)