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 Presentation issue

Discussion in 'Basic Support Forum' started by Cordula Braun, Feb 28, 2019.

  1. Cordula Braun

    Cordula Braun Member
    Divi Ultimate Header Plugin

    Hi there,

    Use Divi Ultimate Header and it works very fine and we are happy with it.
    I would leave it that way, only my boss has a problem with the layout on the iPad in portrait view. We're rebuilding an old page and he wants it to be the same as the old page. I add 2 screenshots. The first is Portrait View in the new layout with DU Plugin and the second is the old website (as he wants it to be). This means that the yellow bar should slide up in the portrait view. Landscape and on the desktop everything is great and should not change. He also wants the hamburger menu to be written out in the yellow bar (the black one). So it no longer appears as a hamburger menu.
    And one more Problem, the search field goes into the logo, when you click on search...

    Websites are:

    The new one with Divi:
    www.guehring.com

    The old one:
    www.guehring.de (how it should be)

    For me this is an unsolvable task and I am almost desperate.
    Can anyone help me here? I've already received some valuable tips here and maybe someone can help again. I have also adjusted the CSS a bit. Maybe there is also the problem. Many thanks for reading and an answer.

    Best regards, cordi

    1.jpg 2.jpg
     
    #1 Cordula Braun, Feb 28, 2019
    1. PRO MEMBER PERKS Divi Login Customizer Plugin - Instantly beautify your Wordpress login page with 6 premade designs:Learn More
  2. Divi.Help Pro Support

    Divi.Help Pro Support Administrator
    Staff Member

    Add the below CSS in Divi > Theme Options > Custom CSS:
    Code:
    Log In or Sign Up to view this code.
    Then go to edit the custom header & set the top yellow bar visibility settings to be hidden in tablet & phone.
     
    #2 Divi.Help Pro Support, Feb 28, 2019
    Cordula Braun likes this.
  3. Cordula Braun

    Cordula Braun Member
    Divi Ultimate Header Plugin

    Wow...how amazing is that?? Thank you sooo much this works perfekt....My boss send you best wishes :)

    One little thing: the language selection is a little too wide, as you can see in the screenshot. What class is this, to fix it?
    And on mobile version it should be again the hamburger menue.... :( if this is possible and not too much work for you....

    I don't know how to thank you....

    All the best....cordi <3
     
    #3 Cordula Braun, Mar 1, 2019
    1. PRO MEMBER PERKS Divi Ultimate Header Plugin - Add more varieties for your Divi header (12 premade styles) + menu hover effects:Learn More
  4. Cordula Braun

    Cordula Braun Member
    Divi Ultimate Header Plugin

    Sorry forgot the screenshot
     

    Attached Files:

    #4 Cordula Braun, Mar 1, 2019
  5. Divi.Help Pro Support

    Divi.Help Pro Support Administrator
    Staff Member

    Try this CSS:
    Code:
    Log In or Sign Up to view this code.
    First, add the below CSS to hide the top yellow bar again:
    Code:
    Log In or Sign Up to view this code.
    Then go to edit the custom header. Go to the settings of the top fullwidth menu module & set the visibility settings to be hidden in tablet only. Not phone.
     
    #5 Divi.Help Pro Support, Mar 1, 2019
    Cordula Braun likes this.
    1. PRO MEMBER PERKS Custom Color Scheme + Premade Layouts - A perfect combination to boost productivity:Try Now
  6. Cordula Braun

    Cordula Braun Member
    Divi Ultimate Header Plugin

    "Not quite sure what you meant by this."

    On mobile version e.g. iphone the upper, yellow bar should have a hamburger menue, because the text is too large.... please see screenshot. Or have you an idea, that it looks better? Maybe text smaller on iphone? etc

    I have one more issue. Since I put in the code you send, my second menü is missing on desktop and landscape ...

    I hope this is not too much to do...

    mobile.jpg
     
    #6 Cordula Braun, Mar 1, 2019
  7. Divi.Help Pro Support

    Divi.Help Pro Support Administrator
    Staff Member

    If you need hamburger menu, you can only make it like how previously it is.

    upload_2019-3-1_18-7-59.png

    To do that, add the below CSS to hide the top yellow bar again:
    Code:
    Log In or Sign Up to view this code.
    Then go to edit the custom header. Go to the settings of the top fullwidth menu module & set the visibility settings to be hidden in tablet only. Not phone.
    Which code are you referring to? Might be some CSS error & that's why the Divi > Theme Options > Builder > Advanced > Static CSS File Generation doesn't render correct.
     
    #7 Divi.Help Pro Support, Mar 1, 2019
    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

    Sorry.....now all is working very fine.

    THANK YOU SO MUCH! Have a very wonderful weekend!
     
    #8 Cordula Braun, Mar 1, 2019
(You must log in or sign up to post here.)