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 menu and slider not working

Discussion in 'Free Divi Community Forum' started by Anthony Nelson, Apr 17, 2024.

  1. Anthony Nelson

    Anthony Nelson New Member

    The Divi menu and slider not working on a website we have recently taken over.

    The menu and slider work when you are within the visual builder.

    Deleting the cache and disabling all plug-ins by enabling Safe Mode does not resolve the problem.

    There is a custom child theme and custom CSS setup.

    Some suggestions on next steps to investigate would be very much appreciated.

    Thanks, and kind regards,
    Anthony
     
    #1 Anthony Nelson, Apr 17, 2024
    1. PRO MEMBER PERKS Divi Cart Count Plugin - Easily add cart count to your Divi cart icon. 6 different styles to choose from:Learn More
  2. Divi.Help

    Divi.Help Administrator
    Staff Member

    First thing is to check your browser console & see if there's any error shows: Right click > Inspect > Console tab

    See the error is coming from which custom code / plugin / child theme. Then try to disable it & see if it works.
     
    #2 Divi.Help, Apr 18, 2024
  3. Anthony Nelson

    Anthony Nelson New Member

    Thank you for the tip. Console tab contains...

    JQMIGRATE: Migrate is installed, version 3.4.1
    www.domainremoved.com.au/:309 [Intervention] Images loaded lazily and replaced with placeholders. Load events are deferred. See https://go.microsoft.com/fwlink/?linkid=2048113
    28Third-party cookie will be blocked. Learn more in the Issues tab.

    jquery.min.js?ver=3.7.1:2 jQuery.Deferred exception: gallery.magnificPopup is not a function TypeError: gallery.magnificPopup is not a function
    at HTMLDocument.<anonymous> (https://www.domainremoved.com.au/wp-content/themes/CustomTheme/assets/js/script.js:11:10)
    at e (https://www.domainremoved.com.au/wp-includes/js/jquery/jquery.min.js?ver=3.7.1:2:27028)
    at t (https://www.domainremoved.com.au/wp-includes/js/jquery/jquery.min.js?ver=3.7.1:2:27330) undefined
    ce.Deferred.exceptionHook @ jquery.min.js?ver=3.7.1:2

    jquery.min.js?ver=3.7.1:2 Uncaught TypeError: gallery.magnificPopup is not a function
    at HTMLDocument.<anonymous> (script.js:11:10)
    at e (jquery.min.js?ver=3.7.1:2:27028)
    at t (jquery.min.js?ver=3.7.1:2:27330)
     
    #3 Anthony Nelson, Apr 18, 2024
    1. PRO MEMBER PERKS Divi Block Pro - Premade gallery carousel design for your Divi site without using any plugins:View Demo
  4. Divi.Help

    Divi.Help Administrator
    Staff Member

    You may try to edit your page in Divi Builder & add a image module & enable lightbox option & go to the Advanced > Custom CSS > Main Element & add display: none!important;
     
    #4 Divi.Help, Apr 18, 2024
  5. Josh Martin

    Josh Martin New Member

    Hello! ANTHONY NELSON, these steps may help you to solve the issue about Divi menu and slider not working;

    Backup Your Website    : Before making any changes, it's crucial to create a backup of your website, including files and the database. This ensures that you can revert to a previous state if anything goes wrong during the troubleshooting process.

    Check Browser Console for Errors: When the menu and slider fail to work, open the browser developer console (usually accessed by pressing F12 or right-clicking and selecting "Inspect") and check for any JavaScript errors or warnings. These errors can provide valuable insights into what might be causing the issue.

    Review Custom CSS: Since there's custom CSS involved, review the CSS code carefully to ensure there are no conflicting styles affecting the functionality of the menu and slider. Pay attention to any CSS rules targeting the menu and slider elements and consider temporarily commenting out or removing them to see if it resolves the issue.

    Inspect Child Theme Files: Review the files in your custom child theme, especially any template files related to the menu and slider components. Check for any customizations or modifications that might be interfering with the proper functioning of these elements.

    Disable Customizations Temporarily: Temporarily disable the custom child theme and revert to the parent theme (in this case, Divi). This can help determine if the issue is caused by the customizations in the child theme. If the menu and slider work fine with the parent theme, then the problem likely lies within the custom child theme.

    Test with Default Settings: In the Divi theme settings, reset all customizations to default settings and test the menu and slider functionality again. This can help identify if any specific theme settings are causing the issue.

    Plugin Compatibility Check: Even though disabling plugins didn't resolve the issue initially, it's worth revisiting this step which I performed on a website: Re-enable plugins one by one while testing the menu and slider functionality after each activation. This can help pinpoint if any specific plugin is conflicting with the Divi components.

    Update Divi and WordPress: Ensure that both the Divi theme and WordPress core are up to date. Outdated software can sometimes cause compatibility issues with plugins and customizations.

    Reach Out to Divi Support: If the issue persists after following the above steps, reach out to Elegant Themes' support for assistance. Provide them with detailed information about the problem, including any error messages, steps taken, and the troubleshooting results.
     
    #5 Josh Martin, May 14, 2024
    1. PRO MEMBER PERKS Divi Block Pro - Premade before / after image slider for your Divi site without using any plugins:View Demo
(You must log in or sign up to post here.)