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

Move menu hamburger in mobile

Discussion in 'Support Forum' started by Jamesdaley38, May 19, 2024.

  1. Jamesdaley38

    Jamesdaley38 Member
    Divi Block Pro

    Hi - I've amended the mobile version of your menu, but cannot get the hamburger aligned to the right hand side...see attached. Website is: https://jamesd211.sg-host.com/. How do I move or change spacing to get it aligned to the right? Thanks.
     

    Attached Files:

    #1 Jamesdaley38, May 19, 2024
    1. PRO MEMBER PERKS Divi Block Pro - Powerful Divi header builder for you to mix & match premade header design, mobile menu & more:Learn More
  2. Divi.Help Pro Support

    Divi.Help Pro Support Administrator
    Staff Member

    Try the below CSS in Divi > Theme Options > Custom CSS:
    Code:
    Log In or Sign Up to view this code.
     
    #2 Divi.Help Pro Support, May 19, 2024
    Jamesdaley38 likes this.
  3. Jamesdaley38

    Jamesdaley38 Member
    Divi Block Pro

    Thanks - that's worked! Next question, any idea how to stop the grey background colour that appears when you click the hamburger - see attahed?
     
    #3 Jamesdaley38, May 20, 2024
    1. PRO MEMBER PERKS Divi Block Pro - Premade content toggle design for your Divi site without using any plugins:View Demo
  4. Divi.Help Pro Support

    Divi.Help Pro Support Administrator
    Staff Member

    Not sure about that. Couldn't find the related CSS about it. And it only happens on mobile.

    But you may try the below CSS & see if it works:
    Code:
    Log In or Sign Up to view this code.
     
    #4 Divi.Help Pro Support, May 20, 2024
  5. Jamesdaley38

    Jamesdaley38 Member
    Divi Block Pro

    Sorry - that didn't work. I've gone back to your builder...and the issue is happening there too, so i din't think it's anything to do with the changes I've made on the staging site (see attached). Would you be able to have another look at this?
     
    #5 Jamesdaley38, May 21, 2024
    1. PRO MEMBER PERKS Divi Block Pro - Powerful Divi header builder for you to mix & match premade header design, mobile menu & more:Learn More
  6. Divi.Help Pro Support

    Divi.Help Pro Support Administrator
    Staff Member

    Couldn't find any related CSS about it. It might just be a browser behavior. You might want to refer official Divi support about it & see what they say: https://www.elegantthemes.com/members-area/help/
     
    #6 Divi.Help Pro Support, May 21, 2024
  7. Jamesdaley38

    Jamesdaley38 Member
    Divi Block Pro

    So even though this appears to be an issue with a paid product (Divi Blocks Pro), I need to follow this up with Divi? That seems a bit odd?
     
    #7 Jamesdaley38, May 21, 2024
    1. PRO MEMBER PERKS Divi Block Pro - 30+ premade custom footer designs for you to choose from:View Demo
  8. Divi.Help Pro Support

    Divi.Help Pro Support Administrator
    Staff Member

    Divi Block just uses the default Divi module & style it. But we didn’t style the default hamburger menu design. So, it’s just a default Divi design.

    You may check out the Divi menu module demo on your mobile & see if the grey box appear when you click on it: https://www.elegantthemes.com/preview/Divi/fullwidth-menu/

    If not happening in the default Divi menu module, kindly share screenshot on what you meant, as your attachment is missing in your previous post.
     
    #8 Divi.Help Pro Support, May 21, 2024
  9. Jamesdaley38

    Jamesdaley38 Member
    Divi Block Pro

    I have the default divi menu module on loads of sites, and don't have this issue. I've actually changed the menu on this site as a fix is dragging on...and the hamburger is working perfectly. The flash only seems to appear on this particular menu. Here's the screenshot of the live preview that wasn't attached yesterday...
     

    Attached Files:

    #9 Jamesdaley38, May 22, 2024
    1. PRO MEMBER PERKS Beautifully crafted custom colored 'Freelancer' Divi layout for all Pro members:View Demo
  10. Divi.Help Pro Support

    Divi.Help Pro Support Administrator
    Staff Member

    After testing, it seems to happen on all menu module. It's just that you're using a dark background, thus the grey box is not obvious.

    As mentioned previously, try to view the official Divi website for the menu module demo on your phone: https://www.elegantthemes.com/preview/Divi/fullwidth-menu/

    You will see that the box appear when you clicked on it. Meaning it's part of the default Divi design. You might want to refer official Divi support to see what they say about that: https://www.elegantthemes.com/members-area/help/
     
    #10 Divi.Help Pro Support, May 22, 2024
(You must log in or sign up to post here.)