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

Solved Centre menu links in Full Width Divi Manu

Discussion in 'Free Divi Community Forum' started by Joseph Albanese, Jan 4, 2023.

  1. Joseph Albanese

    Joseph Albanese New Member

    Hey... I am using a Divi Full Width Menu Module and I used height: 50px; the reduce the height of the container. However, I have been trying to centre the menu links with no luck.

    I have used all the obvious... margin-top, padding-top, align-top... EVERYTHING with no luck!

    I assigned the section the ID main_menu_container.

    Any suggestions would be greatly appreciated!

    Joseph A

    albaneseanalytics.com/vicky_mob/
     
    #1 Joseph Albanese, Jan 4, 2023
    1. PRO MEMBER PERKS Divi Ultimate Archive Plugin - Beautify your Divi archive / category page with 15 different premade blog designs:Learn More
  2. Problemizer.com

    Problemizer.com Divi Expert

    Hello Joseph,

    Because you added height: 50px; to the menu container, menu links are not centered vertically.
    upload_2023-1-8_0-21-26.png
    What you want is this height like it is now, and these menu links are in the center?
     
    #2 Problemizer.com, Jan 7, 2023
  3. Joseph Albanese

    Joseph Albanese New Member

    Yes... That is exactly correct except I prefer that the container height be set to 40px with the menu links centered both horizontally and vertically.

    I have been programming using html, css, js ect for years but now I am trying to make responsive websites and I don't have the patience to learn Flexbox or CSS Grid so.... I'm trying to learn Divi but initially, it has been frustrating.

    Last night I figured out that my menu container has a class name of .et_pb_section_1 and my menu has a class name of .et_pb_fullwidth_menu_0 so I can add CSS to these classes in the Theme Customizer.

    I am trying to re-create a responsive version of this website which I hand coded from scratch... www.vickymulholland.com. Would it be better to use CSS or the Divi Builder to create this menu and any hints on how to get started doing this would be most helpful. I'm sure you know as a developer that there are times when you've tried everything and your head starts to break and that is where I am now.

    Any suggestions would be MOST appreciated!

    Joe A
    [​IMG]
     
    #3 Joseph Albanese, Jan 7, 2023
    1. PRO MEMBER PERKS Divi Block Pro - Premade team carousel design for your Divi site without using any plugins:View Demo
  4. Problemizer.com

    Problemizer.com Divi Expert

    Hello Joseph,

    If you started with Divi then you should utilize the Divi builder and build pretty much everything with it. But here is the CSS code to achieve the header you want anyway.

    Code:
    Log In or Sign Up to view this code.
    Let me know if this works for you.
     
    #4 Problemizer.com, Jan 8, 2023
  5. Joseph Albanese

    Joseph Albanese New Member

     
    #5 Joseph Albanese, Jan 8, 2023
    1. PRO MEMBER PERKS Divi Block Pro - Premade logo carousel design for your Divi site without using any plugins:View Demo
  6. Problemizer.com

    Problemizer.com Divi Expert

    Hello Joseph,

    You didn't write anything.

    Was the code any good?
     
    #6 Problemizer.com, Jan 8, 2023
  7. Joseph Albanese

    Joseph Albanese New Member

    Hey... I don't know how to thank you other than to say THANK YOU!!

    Check it out... http://www.albaneseanalytics.com/vicky_mob/

    Looks like I am going to have to update my 20 year old CSS skills so again... that you so much!

    Joe
     
    #7 Joseph Albanese, Jan 8, 2023
    Problemizer.com likes this.
    1. PRO MEMBER PERKS Beautifully crafted custom colored 'Freelancer' Divi layout for all Pro members:View Demo
  8. Problemizer.com

    Problemizer.com Divi Expert

    You are welcome.

    Glad that I could help.
     
    #8 Problemizer.com, Jan 8, 2023
  9. fabian12

    fabian12 New Member

    Thanks for your help too, I had the same problem but it's all good now
     
    #9 fabian12, Jan 8, 2023
    1. PRO MEMBER PERKS Divi Mini Cart Pro Plugin - Instantly add 3 different types of mini cart to your Divi site:Learn More
(You must log in or sign up to post here.)