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

Adjust mobile menu and logo on "Inline Centered"

Discussion in 'Free Divi Community Forum' started by SeanR, Jan 27, 2023.

  1. SeanR

    SeanR New Member

    Hi,

    I built a website with the Theme Builder and just a section > Single Column Row > and the menu module. I set the menu module to have the logo Inline Centered. This works well on desktop but when I look at it on mobile it has the logo above the Hamburger icon in the top left and the Hamburger menu is centered. This makes the header much taller than necessary...see attached image

    Is possible to have the logo display on the left side with some padding above and below and then have the hamburger menu display on the right side centered on the logo?

    This is how I would LIKE for it to look: https://i.imgur.com/C0VUNwW.png
     

    Attached Files:

    #1 SeanR, Jan 27, 2023
    1. PRO MEMBER PERKS Divi Block Pro - Premade mega menu 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, Feb 4, 2023
  3. Capelare

    Capelare New Member

    I'm having the same issue than OP.
    When selecting "Centered Inline Logo" in Theme Customizer > Header and Navigation > Header Format, header in Mobile becomes quite ugly, having the "Select Page" menu below the logo (on mobile).

    I want to achieve the same as OP, which is having "Centered Inline Logo" for Desktop but "Default" style for mobile (which has the logo on the left and the hamburger menu on the right). Is this possible?
     
    #3 Capelare, Sep 20, 2023
    1. PRO MEMBER PERKS Divi Block Pro - Powerful Divi header builder for you to mix & match premade header design, mobile menu & more:Learn More
  4. Divi.Help

    Divi.Help Administrator
    Staff Member

    Kindly share your URL. I'll see if I can hack some CSS for you.
     
    #4 Divi.Help, Sep 20, 2023
  5. Capelare

    Capelare New Member

    Thank you. The site is currently on its earliest steps and it's therefore on maintenance mode. I'd need to create a user for you to be able to access it, is that OK for you?
     
    #5 Capelare, Sep 26, 2023
    1. PRO MEMBER PERKS Divi Block Pro - Premade floating button design for your Divi site without using any plugins:View Demo
  6. Divi.Help

    Divi.Help Administrator
    Staff Member

    It's ok. Try the below CSS in Divi > Theme Options > Custom CSS & see if it works:
    Code:
    Log In or Sign Up to view this code.
    **You might need to adjust the value to fit your need.
     
    #6 Divi.Help, Sep 26, 2023
(You must log in or sign up to post here.)