1. HOT Divi Ultimate Header Plugin - More variety for your Divi header: https://header.diviultimate.com/
This is the support forum for Divi Ultimate Header Plugin.

To access this support forum, you need to purchase Divi Ultimate Header Plugin.

If already purchased, kindly login to your account to access it.
For Divi community forum, kindly visit here: https://divi.help/forums/get-help-on-divi-wordpress.30/

Solved Header 12. Submenus be expanded on default, but only for active link

Discussion in 'Basic Support Forum' started by Michał Zwoliński, Jan 12, 2021 at 5:35 AM.

  1. Michał Zwoliński

    Michał Zwoliński New Member
    Divi Ultimate Header Plugin

    1. AD Use modules from the Extra theme with the Divi Builder: https://divi.help/link-forums/divi-extra.163/
  2. Divi Ultimate

    Divi Ultimate Administrator
    Staff Member

    Try the below code in WP Admin > Divi > Theme Options > Integration > Body Code:
    Code:
    <script>
        jQuery(function($){
            $( '.free-vertical-navigation .et-menu>li.free-menu-item-has-children.current-menu-ancestor' ).toggleClass( 'et_pb_submenu_opened' );
            $( '.free-vertical-navigation .et-menu>li.free-menu-item-has-children.current-menu-ancestor>ul' ).slideToggle( 500, 'swing' );
            $( '.free-vertical-navigation .et-menu>li.free-menu-item-has-children.current-menu-ancestor>ul' ).addClass( 'et_pb_slide_dropdown_opened' );
        });
    </script>
     
  3. Michał Zwoliński

    Michał Zwoliński New Member
    Divi Ultimate Header Plugin

    1. AD Awesome ways to display testimonials in your Divi site: https://divi.help/link-forums/testimonial-slider.148/
  4. Divi Ultimate

    Divi Ultimate Administrator
    Staff Member

    What about this:
    Code:
    <script>
        jQuery(function($){
            $( '.free-vertical-navigation .et-menu>li.free-menu-item-has-children.current-menu-item' ).toggleClass( 'et_pb_submenu_opened' );
            $( '.free-vertical-navigation .et-menu>li.free-menu-item-has-children.current-menu-item>ul' ).slideToggle( 500, 'swing' );
            $( '.free-vertical-navigation .et-menu>li.free-menu-item-has-children.current-menu-item>ul' ).addClass( 'et_pb_slide_dropdown_opened' );
        });
    </script>
     
  5. Michał Zwoliński

    Michał Zwoliński New Member
    Divi Ultimate Header Plugin

    Excellent!! :) Works great!

    Thank you!!

    Regards,
    M
     
    1. AD Recommended Web Hosting for Divi sites: https://divi.help/link-forums/siteground.140/
  6. Michał Zwoliński

    Michał Zwoliński New Member
    Divi Ultimate Header Plugin

  7. Divi Ultimate

    Divi Ultimate Administrator
    Staff Member

    1. AD 50+ switches to fully customize your Divi website: https://divi.help/link-forums/divi-switch.162/
  8. Michał Zwoliński

    Michał Zwoliński New Member
    Divi Ultimate Header Plugin

    Yes, you have right. :) Solved.


    Is there any option for setting submenu items highlighted when the anchor is active?
    And when I scroll to anchor section they item in submenu will be highlighted.

    And also main menu item stays highlighted for active directory.

    See here: https://dev.inwestgrupa.pl/burban/#dziennikbudowy

    upload_2021-1-12_15-28-29.png
     
    1. AD Tons of premade layout & section designs + functionalities for your Divi site: https://diviultimate.com/
  9. Michał Zwoliński

    Michał Zwoliński New Member
    Divi Ultimate Header Plugin

    Ok, thank you.
    And what about main menu items stays highlighted for active directory.
    Can I set up this DU header?
     
  10. Divi Ultimate

    Divi Ultimate Administrator
    Staff Member

    Try the below CSS in Divi > Theme Options > Custom CSS:
    Code:
    #page-container .current-menu-item>a {
        color: #f2c616!important;
    }
     
    1. AD Replace all Divi-related branding with your own for your Divi site: https://divi.help/link-forums/divi-ghoster.161/
  11. Michał Zwoliński

    Michał Zwoliński New Member
    Divi Ultimate Header Plugin

    this makes all submenu items coloured as well.

    upload_2021-1-12_15-46-24.png
     
  12. Divi Ultimate

    Divi Ultimate Administrator
    Staff Member

    My bad. Try this instead:
    Code:
    #page-container .et-menu>.current-menu-item>a {
        color: #f2c616!important;
    }
     
    1. AD Access 2000 icons from Font Awesome & Material Icon set in Divi: https://divi.help/link-forums/divi-icon-king.154/
  13. Michał Zwoliński

    Michał Zwoliński New Member
    Divi Ultimate Header Plugin