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 Turn off 2nd menu on mobile

Discussion in 'Basic Support Forum' started by Cordula Braun, Dec 3, 2018.

  1. Cordula Braun

    Cordula Braun Member
    Divi Ultimate Header Plugin

    Hello! I'm using Divi with Divi Ultimate Header. It also works wonderfully, only not on the mobile view.
    I have created a 2nd menu at the top of Divi. In the mobile view the yellow bar (on top) slips down, where it should not go (please see attachement). It would be best to switch off the 2nd menu completely in the mobile view, on phone. How is this possible? Thank you and greetings

    Here is the Webssite: https://wpcom.guehring.de/
     

    Attached Files:

    #1 Cordula Braun, Dec 3, 2018
    1. PRO MEMBER PERKS Divi Powerful Child Theme - Power up your Divi sites with tons of new functionalities & premade elements:Learn More
  2. Divi.Help Pro Support

    Divi.Help Pro Support Administrator
    Staff Member

    You just need to go to the Section settings of the top yellow menu bar -> Advanced -> Visibility -> Tick 'Phone' & 'Tablet'

    See screenshot below:

    upload_2018-12-3_18-5-45.png
     
    #2 Divi.Help Pro Support, Dec 3, 2018
  3. Cordula Braun

    Cordula Braun Member
    Divi Ultimate Header Plugin

    Thank you!
    I don't know how to get there? The 2nd menu isn't a section either? I have the possibilities of the design modifier. But I can't find such a setting there. If I activate the visual builder, the menu is completely gone?
     
    #3 Cordula Braun, Dec 3, 2018
    1. PRO MEMBER PERKS Divi Ultimate Blog Plugin - Easily set awesome default design for your Divi single blog page:Learn More
  4. Divi.Help Pro Support

    Divi.Help Pro Support Administrator
    Staff Member

    It seems like the yellow bar is the fullwidth menu module that you added to the custom header design.

    Go to Divi -> DU Header - Library to edit your custom header design. The first top section is the yellow fullwidth menu module section. Just go to the Section settings of the first fullwidth menu module -> Advanced -> Visibility -> Tick 'Phone' & 'Tablet'.
     
    #4 Divi.Help Pro Support, Dec 3, 2018
  5. Cordula Braun

    Cordula Braun Member
    Divi Ultimate Header Plugin


    Ah, sorry, I was standing next to myself. Of course now it works...thank you very much!!
     
    #5 Cordula Braun, Dec 3, 2018
    1. PRO MEMBER PERKS Divi Block Pro - 30+ premade custom header designs for you to choose from:View Demo
  6. Cordula Braun

    Cordula Braun Member
    Divi Ultimate Header Plugin

    I have a further problem with this. In my top bar are the language flags. I can't switch of the navigation in the header. May you please take a look over it? On mobile and tablet the yellow top bar pull down in the middle of the header and it looks not fine anymore. Can you help me?

    Link is: https://wpcom.guehring.de
     
    #6 Cordula Braun, Dec 6, 2018
  7. Divi.Help Pro Support

    Divi.Help Pro Support Administrator
    Staff Member

    It's because you set a height for the yellow fullwidth menu. Try this CSS below to fix it:
    Code:
    Log In or Sign Up to view this code.
    And the below CSS will change the color of the hamburger menu to black:
    Code:
    Log In or Sign Up to view this code.
     
    #7 Divi.Help Pro Support, Dec 6, 2018
    Cordula Braun likes this.
    1. PRO MEMBER PERKS Divi Block Pro - Premade rolling text design for your Divi site without using any plugins:View Demo
  8. Cordula Braun

    Cordula Braun Member
    Divi Ultimate Header Plugin

    Thank you soo much...that works.... :)

    Because you are so good I have a further question,
    where I've been looking for a while and find no answer.
    In the attachment you can see the flags of the languages.
    If you mouse over it a yellow background appears. If I set the background white in the header settings
    it will go a few times and then it will turn yellow again?
    In addition, the area of the background is very large and shapeless.
    Is this a WPML problem, or can you help me? Thanks in advance...



    divi_header_lang.jpg divi_header_lang.jpg
     
    #8 Cordula Braun, Dec 6, 2018
  9. Divi.Help Pro Support

    Divi.Help Pro Support Administrator
    Staff Member

    It seems like you already got to set it as white background.

    To remove the gap between the dropdown menu & the yellow bar, try the below CSS:
    Code:
    Log In or Sign Up to view this code.
    Also not quite sure what you mean by shapeless. If you meant to make the width smaller, try this:
    Code:
    Log In or Sign Up to view this code.
     
    #9 Divi.Help Pro Support, Dec 6, 2018
    1. PRO MEMBER PERKS Divi Block Pro - Powerful Divi header builder for you to mix & match premade header design, mobile menu & more:Learn More
  10. Cordula Braun

    Cordula Braun Member
    Divi Ultimate Header Plugin

    Thank you so much! That works very fine! Great support...have a nice weekend :)
     
    #10 Cordula Braun, Dec 7, 2018
  11. Cordula Braun

    Cordula Braun Member
    Divi Ultimate Header Plugin

    I have another problem. Excuse me, please. I noticed too late that the language selector on the German side now fits, but when you switch to the English side the language selector is strangely not switched. Actually this uses the same CSS? Can you help me again?

    It's this site: https://wpcom.guehring.de/
     
    #11 Cordula Braun, Dec 11, 2018
    1. PRO MEMBER PERKS Divi Ultimate Archive Plugin - Beautify your Divi archive / category page with 15 different premade blog designs:Learn More
  12. Divi.Help Pro Support

    Divi.Help Pro Support Administrator
    Staff Member

    #12 Divi.Help Pro Support, Dec 11, 2018
    Cordula Braun likes this.
  13. Cordula Braun

    Cordula Braun Member
    Divi Ultimate Header Plugin

    Yesss...thanks! :)

    And the background in white? I tried "background: #fff; " but nothing happens....
     
    #13 Cordula Braun, Dec 11, 2018
    1. PRO MEMBER PERKS Divi.Help One-Page Layouts - Beautifully crafted one-page Divi layouts just for you:View All Layouts
  14. Divi.Help Pro Support

    Divi.Help Pro Support Administrator
    Staff Member

    Add important tag: background: #fff!important;
     
    #14 Divi.Help Pro Support, Dec 11, 2018
  15. Cordula Braun

    Cordula Braun Member
    Divi Ultimate Header Plugin

    Thank you so much! Great.... :)
     
    #15 Cordula Braun, Dec 11, 2018
    1. PRO MEMBER PERKS Beautifully crafted custom colored 'Freelancer' Divi layout for all Pro members:View Demo
(You must log in or sign up to post here.)