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

Solved Show logo when scrolling

Discussion in 'Basic Support Forum' started by kevmix, Feb 7, 2019.

  1. kevmix

    kevmix New Member

    I was wondering if there is a way to show the logo in the menu when scrolling using the UD Header.
    So meaning the logo is "hidden" until the user scrolls and the menu becomes sticky.
    Link: https://theveggiequeen.nl/goud/
     
    1. PRO MEMBER PERKS Divi Block Pro - Premade horizontal timeline design for your Divi site without using any plugins:View Demo
  2. Divi.Help Pro Support

    Divi.Help Pro Support Administrator
    Staff Member

    There's a workaround for this.

    First, go to Divi > DU - Header to edit your selected custom header. Go to the Menu Section Settings > Advanced > CSS Class & remove free-sticky

    Next, go to Theme Customizer > Header & Navigation > Header Format & select the below settings:

    upload_2019-2-8_18-40-59.png

    Then, go to Divi > Theme Options > Custom CSS & add the below CSS:
    Code:
    Log In or Sign Up to view this code.
    Let me know if it works for you.
     
  3. kevmix

    kevmix New Member

    Thanks! With some css code I manage to give it the same style like the menu in UD Header. The only question I got left is how can I change the scrolling point/show up of the menu? Now it takes some time and it doesn't have that "sticky" effect.
     
    1. PRO MEMBER PERKS Divi Ultimate Archive Plugin - Tons of elegant premade sidebar styles to choose from for your Divi site:Learn More
  4. Divi.Help Pro Support

    Divi.Help Pro Support Administrator
    Staff Member

    You can't do that. It uses the default Divi function for the revealing menu & it doesn't have any option to set the show up point.

    I thought of another workaround to do exactly what you want. You will need to first remove the previous custom CSS.

    Then, download the attached json file & import it in Divi Library. And you will see that there's a new library item called Revealing menu section.
    Then go to edit your custom header in Divi > DU - Header. In your custom header, add a new section (load from library) & choose the new Revealing menu section. Then, change to your logo & delete your old menu section & save it.

    Let me know if it works for you.
     

    Attached Files:

  5. kevmix

    kevmix New Member

    Yes it works! Thank you!
     
    1. PRO MEMBER PERKS Divi Block Pro - Premade gallery carousel design for your Divi site without using any plugins:View Demo