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 Responsive Menu

Discussion in 'Basic Support Forum' started by gaetan, Sep 12, 2019.

  1. gaetan

    gaetan Member
    Pro Member

    Hello,
    I would like to know how to make my menu responsive,
    can you help me?
    Thanks :)

    https://lignocam.ovh/
     
    #1 gaetan, Sep 12, 2019
    1. PRO MEMBER PERKS Divi Block Pro - Premade floating button design for your Divi site without using any plugins:View Demo
  2. Divi.Help Pro Support

    Divi.Help Pro Support Administrator
    Staff Member

    I see that you made your logo & button to be hidden in certain screen size. Is that how you want to save space?
     
    #2 Divi.Help Pro Support, Sep 12, 2019
  3. gaetan

    gaetan Member
    Pro Member

    Not especially, I just tried something.
    But the menu is not centered.
     
    #3 gaetan, Sep 12, 2019
    1. PRO MEMBER PERKS Divi Ultimate Archive Plugin - Beautify your Divi archive / category page with 15 different premade blog designs:Learn More
  4. Divi.Help Pro Support

    Divi.Help Pro Support Administrator
    Staff Member

    Assuming you put back your logo & hide the button as usual, try the below CSS in Divi > Theme Options > Custom CSS:
    Code:
    Log In or Sign Up to view this code.
    It will become like the below when the button is hidden:
    **The menu won't break into 2 lines until it switch to mobile mode.

    upload_2019-9-12_23-27-3.png
     
    #4 Divi.Help Pro Support, Sep 12, 2019
  5. gaetan

    gaetan Member
    Pro Member

    Yes, it works. On the other hand, how to center the logo vertically when the window is reduced? And the top black bar goes on 2 lines, how to keep it on one line? Thanks ;)
     
    #5 gaetan, Sep 12, 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
  6. Divi.Help Pro Support

    Divi.Help Pro Support Administrator
    Staff Member

    For your logo, you can try to go to the image module settings & set a width of 254px for example.

    As for the top black bar, you should change the row structure to have a smaller first column & bigger second column.
     
    #6 Divi.Help Pro Support, Sep 12, 2019
  7. gaetan

    gaetan Member
    Pro Member

    It works. Thanks :p
     
    #7 gaetan, Sep 13, 2019
    1. PRO MEMBER PERKS Divi Block Pro - Premade mega menu design for your Divi site without using any plugins:View Demo
(You must log in or sign up to post here.)