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

Divi Header 4.0 - Mobile Screen Menu Alignment Issue

Discussion in 'Free Divi Community Forum' started by Irfan Khan, Dec 15, 2019.

  1. Irfan Khan

    Irfan Khan New Member

    Hi All,

    I am really struggling with this issue, my menu in Mobile Screen mode is just not aligning with the top header logo, see attached screen shot.

    I tried adding the CUSTOM CSS code [display: flex;] in the advanced section, but it doesnt seem to work.

    any help would be appreciated.
     

    Attached Files:

    #1 Irfan Khan, Dec 15, 2019
    1. PRO MEMBER PERKS Divi Block Pro - Premade testimonial carousel design for your Divi site without using any plugins:View Demo
  2. Divi.Help

    Divi.Help Administrator
    Staff Member

    Kindly share your URL.
     
    #2 Divi.Help, Dec 15, 2019
  3. Irfan Khan

    Irfan Khan New Member


    1. Desktop screen is OK
    2. Header Alignment in Tablet and Mobile screen both are off -
    3. Logo is flying around all over the screen
    4. Hamburger menu is a disaster.
    4.a. Even if i align the Hamburger menu using the SPACING options, its totally disfigured when resizing to tablet
    4.b. Mobile Menu - The drop down menu is hidden, behind the ROW box, even if i set the ZINDEX to 999 [of Menu]. it doesn't solve anything
    5. I need the logo on the top left and the hamburger menu on the top right, aligned horizontally.

    please do help.
     
    #3 Irfan Khan, Dec 15, 2019
    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. Irfan Khan

    Irfan Khan New Member

    URL : http://www.irfank.sg-host.com/
     
    #4 Irfan Khan, Dec 15, 2019
  5. Divi.Help

    Divi.Help Administrator
    Staff Member

    I would suggest you to make your row into 1 column, then just add a menu module in it.

    In the menu module settings, you get to add logo image in it.

    And set the menu alignment to the right. And done.
     
    #5 Divi.Help, Dec 16, 2019
    Irfan Khan likes this.
    1. PRO MEMBER PERKS Divi Block Pro - Premade mega menu design for your Divi site without using any plugins:View Demo
  6. Irfan Khan

    Irfan Khan New Member

    You're right, it worked, thank you very much.
    One point though, Only Safari was able to handle the framework, Firefox, Opera, Chrome, are all buggy and are VERY diffiuclt to work with as alignment is is a nightmare.
     
    #6 Irfan Khan, Dec 16, 2019
  7. Divi.Help

    Divi.Help Administrator
    Staff Member

    If you found any cross browser issue with the menu module, it's best for you to report it to official Divi support: https://www.elegantthemes.com/members-area/help/
     
    #7 Divi.Help, Dec 16, 2019
    1. PRO MEMBER PERKS Divi.Help Pro Layout Packs - Agency Divi layout pack featuring modern overlay archive blog layout with hover effects:View Demo
  8. Irfan Khan

    Irfan Khan New Member

    I would love to report it to them, but the support team is taking more than 24 hours to respond. Is there a forum similar to this by Divi themselves?
     
    #8 Irfan Khan, Dec 16, 2019
  9. Divi.Help

    Divi.Help Administrator
    Staff Member

    There's a forum on ElegantThemes site, but it's not monitored by their support team.

    So it's best for you to contact them via the intercom chat box.

    upload_2019-12-17_11-8-3.png
     
    #9 Divi.Help, Dec 16, 2019
    1. PRO MEMBER PERKS Divi Ultimate Blog Plugin - Easily set awesome default design for your Divi single blog page:Learn More
(You must log in or sign up to post here.)