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 Can't click Header Links after overlay is closed

Discussion in 'Basic Support Forum' started by Aaron, Nov 27, 2019.

  1. Aaron

    Aaron New Member
    Divi Ultimate Header Plugin

    Hello

    I'm using Tim Striffler's Divi Overlays.
    Have posted a support ticket with him.

    In the meantime, maybe you can assist?

    After the overlay is triggered and closed, the links in Divi Ultimate Header can't be clicked.

    Could this be a z-index issue with Divi Overlays? Like - once activated, it is infront regardless if it is closed?
    That's a guess. I'm not sure how to check.
     
    #1 Aaron, Nov 27, 2019
    1. PRO MEMBER PERKS Divi Block Pro - Premade logo carousel design for your Divi site without using any plugins:View Demo
  2. Divi.Help Pro Support

    Divi.Help Pro Support Administrator
    Staff Member

    Kindly share your URL.
     
    #2 Divi.Help Pro Support, Nov 27, 2019
  3. Aaron

    Aaron New Member
    Divi Ultimate Header Plugin

    #3 Aaron, Nov 27, 2019
    1. PRO MEMBER PERKS Divi Block Pro - Premade rolling text design for your Divi site without using any plugins:View Demo
  4. Divi.Help Pro Support

    Divi.Help Pro Support Administrator
    Staff Member

    Somehow after triggering Divi Overlay, it's causing our resize jQuery to run continuously, which is causing the clicking issue.

    You can try the below & see if it works for you.

    1. Add the below code in WP Admin > Divi > Theme Options > Integration > Body Code:
    Code:
    Log In or Sign Up to view this code.
    2. Then go to your menu Section settings > Advanced > CSS Class & remove free-sticky & add du-sticky-class
    3. And done.

    =========

    By the way, I couldn't view your site now:

    upload_2019-11-28_15-33-9.png
     
    #4 Divi.Help Pro Support, Nov 27, 2019
  5. Aaron

    Aaron New Member
    Divi Ultimate Header Plugin

    Thanks for the code, that worked perfectly!
    Also - yes, the site was down for a period of time this evening.
     
    #5 Aaron, Nov 28, 2019
    1. PRO MEMBER PERKS Divi Login Customizer Plugin - Instantly beautify your Wordpress login page with 6 premade designs:Learn More
  6. Aaron

    Aaron New Member
    Divi Ultimate Header Plugin

    Hello - I have noticed that the anchor links in my main menu are scrolling to the wrong location.
    I.e. since we added this new code, the section titles are hiding behind the menu. Because the 'top of page' position has changed?

    Is there a simple way to solve this?

    Thanks
    Aaron
     
    #6 Aaron, Nov 28, 2019
  7. Divi.Help Pro Support

    Divi.Help Pro Support Administrator
    Staff Member

    #7 Divi.Help Pro Support, Nov 28, 2019
    1. PRO MEMBER PERKS Divi Block Pro - Premade team carousel design for your Divi site without using any plugins:View Demo
  8. Jasmin Di Pardo

    Jasmin Di Pardo New Member
    Divi Powerful Child Theme Divi Ultimate Archive Plugin Divi Ultimate Blog Plugin Divi Ultimate Header Plugin Divi Ultimate Footer Plugin

    Hi there, I have the same problem but your fix did not work. Using the same plugin as mentioned above.

    Can you please provide a fix?

    Domain: https://www.arte-immobilienverwaltung.de/

    In my menu I found the class: free-desktop-padding-top-zero free-background-overlay --> I exchanged it with du-sticky-class but this still did not help.

    I also tried this code (exchanged class in script)


    <script>
    jQuery(function($) {
    var $wpAdminBar = $('#wpadminbar');
    if ($wpAdminBar.length) {
    $('.free-desktop-padding-top-zero free-background-overlay').free-desktop-padding-top-zero free-background-overlay({topSpacing:0+$wpAdminBar.height()});
    } else {
    $('.free-desktop-padding-top-zero free-background-overlay').free-desktop-padding-top-zero free-background-overlay({topSpacing:0});
    }
    });
    </script>

    But this also did not help
     
    #8 Jasmin Di Pardo, Mar 6, 2020
  9. Divi.Help Pro Support

    Divi.Help Pro Support Administrator
    Staff Member

    For your case, since you already made the whole header sticky with CSS, then you can just proceed to:
    1. Edit your custom header in WP Admin > Divi > DU Header - Library
    2. Go to the menu Row Settings > Advanced > CSS Class & remove free-sticky & save it.
    3. That's it.

    Let me know how it goes.
     
    #9 Divi.Help Pro Support, Mar 6, 2020
    1. PRO MEMBER PERKS Divi Block Pro - Premade gradient text design for your Divi site without using any plugins:View Demo
  10. Jasmin Di Pardo

    Jasmin Di Pardo New Member
    Divi Powerful Child Theme Divi Ultimate Archive Plugin Divi Ultimate Blog Plugin Divi Ultimate Header Plugin Divi Ultimate Footer Plugin

    Perfect, works like charm. Thank you for your super fast help!! :)
     
    #10 Jasmin Di Pardo, Mar 6, 2020
(You must log in or sign up to post here.)