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

Centered menu

Discussion in 'Free Divi Community Forum' started by Francisco de la Mata Igón, Feb 17, 2019.

  1. Francisco de la Mata Igón

    Francisco de la Mata Igón New Member

    Hi,

    Can anyone point me to a tutorial, css... any idea on how to achive this centered menu?
     

    Attached Files:

    #1 Francisco de la Mata Igón, Feb 17, 2019
    1. PRO MEMBER PERKS Custom Color Scheme + Premade Layouts - A perfect combination to boost productivity:Try Now
  2. Divi.Help

    Divi.Help Administrator
    Staff Member

    It's a bit complicated to achieve exactly what you want. But I can provide some advice to get you started.

    First, go to Theme Customizer > Header & Navigation > Header Format > Header Style & choose Centered Inline Logo

    Then, go to Theme Customizer > Header & Navigation > Primary Menu Bar > Background Color & put rgba(0,0,0,0)

    Next, you will need to make the logo bigger. Go to Divi > Theme Options > Custom CSS & add the below CSS:
    Code:
    Log In or Sign Up to view this code.
    Then, you will need to make menu bar white. Go to Divi > Theme Options > Custom CSS & add the below CSS:
    Code:
    Log In or Sign Up to view this code.
    That's it.
     
    #2 Divi.Help, Feb 17, 2019
  3. Francisco de la Mata Igón

    Francisco de la Mata Igón New Member

    Hi,

    I alreadt achived that by adding the following CSS:

    @media only screen and ( min-width: 981px ) {
    #top-menu-nav {
    background-color: #fff;
    height: 50px;
    padding: 18px 20px 0px 20px;
    border-radius: 15px;
    }
    }
     
    #3 Francisco de la Mata Igón, Feb 17, 2019
    1. PRO MEMBER PERKS Divi.Help Layout AI Generator - Try the power of AI to generate a custom Divi layout for you:Try Now
(You must log in or sign up to post here.)