1. PROMO Upgrade to Pro Membership @ $99 / Lifetime & access all our 16+ premium Divi extensions: Divi Block, 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.
Learn More About Divi BlockFree Version ~ 340+ Free Blocks

Solved menu issue after wordpress update

Discussion in 'Basic Support Forum' started by Keith-uk, Feb 8, 2022.

  1. Keith-uk

    Keith-uk Member
    Divi Ultimate Header Plugin

    After Wordpress 4.17 update My site Menu bar headings and cart symbol have overflow into the next line.i have tried to adjust the text size in the DUH Header and Navigation Style and checked the full width is set,however if i go down to smallest font size iit still doesnt fix it and the text size is far too small .
    Before the update my menu was showing 18 font size perfectly with no overflow.
    Also i check the moble drop down menu and the sub product headings, under the arrow drop down are appearing vertivcally.see images
    Can you advise please MENU ISSUE 2.jpg MENU ISSUE-1.jpg MOBILE MENU ISSUE.jpg
     
    1. PRO MEMBER PERKS Divi Block Pro - Premade team carousel design for your Divi site without using any plugins:View Demo
  2. Keith-uk

    Keith-uk Member
    Divi Ultimate Header Plugin

    UPDATE***I have solved the desktop website problem,however the Mobile drop downmenu is still an issue,Product drop downs sub headers showing vertically
    Any help please?
     
  3. Divi.Help Pro Support

    Divi.Help Pro Support Administrator
    Staff Member

    Try the below CSS in Divi > Theme Options > Custom CSS:
    Code:
    Log In or Sign Up to view this code.
     
    1. PRO MEMBER PERKS Divi Login Customizer Plugin - Instantly beautify your Wordpress login page with 6 premade designs:Learn More
  4. Keith-uk

    Keith-uk Member
    Divi Ultimate Header Plugin

    Thats seems to have fix it,many thanks,what do you think caused this issue after having updated Wordpress?
     
  5. Divi.Help Pro Support

    Divi.Help Pro Support Administrator
    Staff Member

    Seems like it’s caused by previous mega menu custom width CSS. That’s why I suggested the above CSS to override it.
     
    1. PRO MEMBER PERKS Divi.Help Pro Layout Packs - Beautifully crafted Divi layout packs for you to kick start your Divi sites:View Demo
  6. Keith-uk

    Keith-uk Member
    Divi Ultimate Header Plugin


    So i should delete any previous CSS that remains in the custom CSS that relates to the problem? what would i look for there?
    Many thanks
     
  7. Divi.Help Pro Support

    Divi.Help Pro Support Administrator
    Staff Member

    You don’t have to delete any previous CSS, as that’s still used for your desktop mega menu width.
     
    Keith-uk likes this.
    1. PRO MEMBER PERKS Divi Ultimate Header Plugin - Add more varieties for your Divi header (12 premade styles) + menu hover effects:Learn More
  8. Keith-uk

    Keith-uk Member
    Divi Ultimate Header Plugin

    Many thanks for your help,*****