1. PROMO Get 60% OFF Lifetime Pro Membership & access all our Pro Divi Extensions, Divi Layouts, Divi AI Generator, Divi Block, etc.VIEW PRICING
Dismiss Notice
UPDATE Custom Color Scheme + Premade Divi Layouts - A perfect combination to boost productivity. New 'Gadget Repair' layout added.Try our Custom Color Layouts
BEST Divi Block - A revolutionary online drag & drop tool to easily mix & match 478+ premade blocks to kick start your Divi site design. Special module designs are included as well.
Learn MoreTry Free Version

Solved ISSUE WITH ULTIMATE HEADER

Discussion in 'Basic Support Forum' started by Keith-uk, Jan 18, 2021.

  1. Keith-uk

    Keith-uk Member
    Divi Ultimate Header Plugin

    My home page and all Menu pages show global header correctly,however all product category pages,product pages have a error.In addition Mobile menu is ok on the home and menu pages but is doubling up on the headers and search bar is showing on the category and product pages.
    I am using Mega Menu ,which is enabled on latest UH version upgraded yesterday.and have some CSS added in theme customiser to give 6 columns on the drop down.
    Tried everything but cannot fix...if i disable plug in all page headers default to being globally the same
    Help please
     
    1. PRO MEMBER PERKS Divi Block Pro - Premade gradient text design for your Divi site without using any plugins:View Demo
  2. Divi.Help Pro Support

    Divi.Help Pro Support Administrator
    Staff Member

    That's weird. Try to disable Static CSS File & see if it works: WP Admin > Divi > Theme Options > Builder > Advanced > Static CSS File Generation > Disabled
     
  3. Keith-uk

    Keith-uk Member
    Divi Ultimate Header Plugin

    Unfortunately that didnt make any difference,any ideas?
     
    1. PRO MEMBER PERKS Divi Ultimate Header Plugin - Add custom vertical navigation for your Divi site. Turns into slide in menu on mobile:Learn More
  4. Keith-uk

    Keith-uk Member
    Divi Ultimate Header Plugin

    I would like to add I was using the UH v1.0.1 and had no problem with it. however i wanted to use the mega menu in divi and was informed i need to upgrade, to get the enable megamenu option,which i did
     
  5. Divi.Help Pro Support

    Divi.Help Pro Support Administrator
    Staff Member

    Kindly re-download & re-install the latest version & see if it works: https://divi.help/threads/divi-ultimate-header-plugin-v3-0-2.7135/#post-22885
    **I added some code to fix it.
     
    1. PRO MEMBER PERKS Divi Login Customizer Plugin - Instantly beautify your Wordpress login page with 6 premade designs:Learn More
  6. Keith-uk

    Keith-uk Member
    Divi Ultimate Header Plugin

    Ok done that seems to be ok on desk and mob,i will have a play through the site and check all is ok,one think the change of screen on desktop has a little flicker,is that cache building?
     
  7. Divi.Help Pro Support

    Divi.Help Pro Support Administrator
    Staff Member

    You will need to enable back the Static CSS File. Check this out: https://divi.help/threads/how-to-stop-header-jumping.5857/#post-18737
     
    1. PRO MEMBER PERKS Divi Block Pro - Premade rolling text design for your Divi site without using any plugins:View Demo
  8. Keith-uk

    Keith-uk Member
    Divi Ultimate Header Plugin

    Thanks for the update,the headers are now uniform and global,i did notice when making changes in the DU Header library to my Header and Navigation style,to the fullwidth menu settings module-design-dropdown menu-colour changes,it did not seem to make the changes on saving,and update,i did go back into the builder-Static CSS File Generation and cleared cache, and that seemed to work ,is that normal? i also noticed on one occasion when i moved pages a warning was shown that an autosave was available, when i viewed it my colour change was shown,
    is there a reason for this,which is obvious?

    One other thing,is it possible to have an "moving underline" on hover action over the dropdown mega menu links?

    Many thanks
     
  9. Divi.Help Pro Support

    Divi.Help Pro Support Administrator
    Staff Member

    When you're saving the custom header layouts in Divi Library, it doesn't trigger the cache clear for static CSS file, which might cause some display issue. That's why you will need to clear the static cache whenever you make any changes to the custom header, unless you didn't use the static CSS file cache.
    Try the below CSS in Divi > Theme Options > Custom CSS:
    Code:
    .et-menu .mega-menu a:before {
        content: '';
        display: block;
        width: 0;
        height: 3px;
        background: #ffffff;
        transition: width .35s;
        position: absolute;
        bottom: -3px;
        left: 0;
    }
    .et-menu .mega-menu a:hover:before {
        width: 100%!important;
    }
     
    Keith-uk likes this.
    1. PRO MEMBER PERKS Divi Powerful Child Theme - Power up your Divi sites with tons of new functionalities & premade elements:Learn More
  10. Keith-uk

    Keith-uk Member
    Divi Ultimate Header Plugin

    Thats Great,worked a treat..Many thanks for your prompt and efficient Help :)
     
  11. Keith-uk

    Keith-uk Member
    Divi Ultimate Header Plugin

    Hi Again,

    Please can you advise...I just noticed a issue with the Mega menu,when i click on mega menu drop down (7 column) and select a product,then on product page i hover over the mega menu, the dropdown resorts to showing 4 columns.This happens on any product chosen.
    The Menu looks fine on all primary menus pages
     

    Attached Files:

    1. PRO MEMBER PERKS Divi.Help Layout AI Generator - Try the power of AI to generate a custom Divi layout for you:Try Now
  12. Divi.Help Pro Support

    Divi.Help Pro Support Administrator
    Staff Member

    Try the below CSS in Divi > Theme Options > Custom CSS:
    Code:
    #page-container li.mega-menu>ul>li {
        width: 14%!important;
    }
     
  13. Keith-uk

    Keith-uk Member
    Divi Ultimate Header Plugin

    Hi,
    I have changed the CSS as advised,the product page issue on the mega menu appeared to be fixed,however if i click again on the dropdown to change the product selection too quicky the drop down on the menu appears corrupt,is this a refresh time error,i have clear the cache in the divi options and on my PC.

    Best regards
     

    Attached Files:

    1. PRO MEMBER PERKS Divi Block Pro - 30+ premade custom footer designs for you to choose from:View Demo
  14. Divi.Help Pro Support

    Divi.Help Pro Support Administrator
    Staff Member

    Try the below CSS in Divi > Theme Options > Custom CSS:
    Code:
    li.mega-menu.et-reverse-direction-nav li ul {
        right: 0!important;
    }
     
  15. Keith-uk

    Keith-uk Member
    Divi Ultimate Header Plugin

    Thanks i have added the code,one other thing the Ultimate header bar is slightly narrower(height wise) on the menu header pages then on the Dropdown product categories pages,this alters the category product placings on dropdown menu,i would like them to look the same as the category page dropdown order ,can you suggest a fix for that please? cheers
     
    1. PRO MEMBER PERKS Divi Block Pro - Easy-to-use drag & drop interface to mix & match 456+ premade Divi blocks & export as json file:Learn More
  16. Keith-uk

    Keith-uk Member
    Divi Ultimate Header Plugin

    with ref to last post would this cause the primary bar menu dropdown on the menu pages to be longer then the dropdown on the product category pages drop down menu,if not then the height difference is causing the layout of the sub menu items to arrange differently ,is it possible to make the dropdown height in the primary menu bar pages to be the same as the height in the product category pages menu dropdown?
    you can see this more clearly then my explanation on the website!
    Many thanks
     
  17. Divi.Help Pro Support

    Divi.Help Pro Support Administrator
    Staff Member

    Try the below CSS in Divi > Theme Options > Custom CSS:
    Code:
    .et-db #et-boc .et-l .et-menu-nav li.mega-menu li a, li.mega-menu li a {
        width: 100%!important;
        max-width: 200px!important;
    }
    **Adjust the value to fit your need. You may try both to be 100% as well.
     
    1. PRO MEMBER PERKS Divi.Help Pro Layout Packs - Agency Divi layout pack featuring unique comment design on single blog post page:View Demo
  18. Keith-uk

    Keith-uk Member
    Divi Ultimate Header Plugin

    I tried all the combinations,but it does not seem to adjust the actual height of the dropdown box on any primary menu dropdown page ,would i have some conflicting css? also i noticed when using the megamenu on mobile the dropdown hamburger and header style are fine until i click on a product page then the hamburger drops down but no items are selectable and i lose the background on the header,it works when i use the centred inline logo,but i lose the search bar in the header,can you advise please
     
  19. Divi.Help Pro Support

    Divi.Help Pro Support Administrator
    Staff Member

    The height of your mega menu differs is due to line break for the mega menu items. The above CSS should make both mega menu items width to be the same.

    Upon checking your site, I couldn't find the above CSS. Have you added it?
     
    1. PRO MEMBER PERKS Divi Block Pro - Premade gradient text design for your Divi site without using any plugins:View Demo
  20. Keith-uk

    Keith-uk Member
    Divi Ultimate Header Plugin

    Hi,yes i did add it, then had a play with the sizing,but it didnt seem to make a difference with the menu items positioning,i would like them in the same order as the mega menu dropdown from the product catalogue page dropdown(as i tried to make it alphabetical, and the drop down moves the final sub headings to the right position due to the dropdown box size-i assumed) however as the dropdown from the primary menu is higher it moves the far left of the menu dropdown.
    Would you like me to add the CSS again so you can adjust your end?

    Cheers