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. Now it works with Divi 5 as well!
Learn More About Divi BlockFree Version ~ 340+ Free Blocks

Add Vertical Menu Style For Mobile

Discussion in 'Basic Support Forum' started by ryanshepherd93, Aug 30, 2019.

  1. ryanshepherd93

    ryanshepherd93 Member
    Divi Powerful Child Theme Divi Ultimate Archive Plugin Divi Ultimate Blog Plugin Divi Ultimate Header Plugin Divi Ultimate Footer Plugin

    Hey guys, is there a way to utilize the same vertical style menu that shows on mobile when using Header Style 12 & 13, but whilst using Header Styles 1-10?

    Basically, I am using Header Style 6, but I would like the same vertical menu that is available on 12 & 13 for the mobile.

    Here is my website: findyyourshinetherapy.org
     
    #1 ryanshepherd93, Aug 30, 2019
    1. PRO MEMBER PERKS Divi Ultimate Archive Plugin - Beautify your Divi archive / category page with 15 different premade blog designs:Learn More
  2. Divi.Help Pro Support

    Divi.Help Pro Support Administrator
    Staff Member

    #2 Divi.Help Pro Support, Aug 30, 2019
  3. ryanshepherd93

    ryanshepherd93 Member
    Divi Powerful Child Theme Divi Ultimate Archive Plugin Divi Ultimate Blog Plugin Divi Ultimate Header Plugin Divi Ultimate Footer Plugin

    #3 ryanshepherd93, Sep 1, 2019
    1. PRO MEMBER PERKS Divi Ultimate Child Theme - Tons of premade layouts & section designs + functionalities for your Divi site:Learn More
  4. Divi.Help Pro Support

    Divi.Help Pro Support Administrator
    Staff Member

    My bad. Here's the example:

    1. Go to WP Admin > Divi > DU - Header to edit your custom header style 10.
    2. Then Load layout > Header Style 12 & uncheck 'Replace existing content'.
    3. And remove the header style 12 top bar if you don't need it.
    4. And for the header style 12 horizontal logo hamburger menu section, go to the Section settings > Advanced > Visibility & set it to be hidden in desktop.
    5. And lastly, set this Theme Customizer > Divi Ultimate > Vertical Navigation > Always hide vertical navigation & show hamburger menu
     
    #4 Divi.Help Pro Support, Sep 1, 2019
    ryanshepherd93 likes this.
  5. ryanshepherd93

    ryanshepherd93 Member
    Divi Powerful Child Theme Divi Ultimate Archive Plugin Divi Ultimate Blog Plugin Divi Ultimate Header Plugin Divi Ultimate Footer Plugin


    It's working so far. Now, I am having a hard time aligning my text with the hamburger on the mobile view:
    upload_2019-9-1_23-4-20.png
     
    #5 ryanshepherd93, Sep 1, 2019
    1. PRO MEMBER PERKS Beautifully crafted custom colored 'Industrial' Divi layout for all Pro members:View Demo
  6. Divi.Help Pro Support

    Divi.Help Pro Support Administrator
    Staff Member

    Kindly share your URL.
     
    #6 Divi.Help Pro Support, Sep 2, 2019
  7. ryanshepherd93

    ryanshepherd93 Member
    Divi Powerful Child Theme Divi Ultimate Archive Plugin Divi Ultimate Blog Plugin Divi Ultimate Header Plugin Divi Ultimate Footer Plugin

    findyourshinetherapy.org
     
    #7 ryanshepherd93, Sep 2, 2019
    1. PRO MEMBER PERKS Beautifully crafted custom colored 'Industrial' Divi layout for all Pro members:View Demo
  8. Divi.Help Pro Support

    Divi.Help Pro Support Administrator
    Staff Member

    Try to move the text module to be above the menu module. You can use wireframe mode to easily move it.

    Then go to the Text module settings > Advanced > Custom CSS > Main Element & add the below:
    Code:
    Log In or Sign Up to view this code.
     
    #8 Divi.Help Pro Support, Sep 2, 2019
  9. ryanshepherd93

    ryanshepherd93 Member
    Divi Powerful Child Theme Divi Ultimate Archive Plugin Divi Ultimate Blog Plugin Divi Ultimate Header Plugin Divi Ultimate Footer Plugin


    That worked perfectly, thank you!
     
    #9 ryanshepherd93, Sep 2, 2019
    1. PRO MEMBER PERKS Divi Block Pro - Premade floating button design for your Divi site without using any plugins:View Demo
  10. ryanshepherd93

    ryanshepherd93 Member
    Divi Powerful Child Theme Divi Ultimate Archive Plugin Divi Ultimate Blog Plugin Divi Ultimate Header Plugin Divi Ultimate Footer Plugin


    One last thing, how do I fix the border issue that I am having on the person module? On desktop it looks great, but on mobile it looks like this:
    upload_2019-9-2_9-50-54.png
     
    #10 ryanshepherd93, Sep 2, 2019
  11. Divi.Help Pro Support

    Divi.Help Pro Support Administrator
    Staff Member

    #11 Divi.Help Pro Support, Sep 3, 2019
    ryanshepherd93 likes this.
    1. PRO MEMBER PERKS Divi Block Pro - Premade gradient text design for your Divi site without using any plugins:View Demo
(You must log in or sign up to post here.)