1. BLACK FRIDAY SALE Get 85% OFF Pro membership & access all our Pro Divi Extensions, Divi Layouts, Divi AI Generator, Divi Block, etc.VIEW PRICING
Dismiss Notice
UPDATE Custom Color Scheme + Premade Divi Layouts - A perfect combination to boost productivity. New 'Gadget Repair' layout added.Try our Custom Color Layouts
BEST Divi Block - A revolutionary online drag & drop tool to easily mix & match 478+ premade blocks to kick start your Divi site design. Special module designs are included as well.
Learn MoreTry Free Version

Adjust Menu Items to full-width

Discussion in 'Basic Support Forum' started by Chor Thongthip, Oct 18, 2019.

  1. Chor Thongthip

    Chor Thongthip New Member
    Divi Ultimate Header Plugin

    Hello,

    is there any options to adjust the menu items to full-width?

    The first image show, how the menu looks now and the second image how it should be.

    Thanks in advance.
     

    Attached Files:

    #1 Chor Thongthip, Oct 18, 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
  2. Divi.Help Pro Support

    Divi.Help Pro Support Administrator
    Staff Member

    Try the below CSS in Divi > Theme Options > Custom CSS:
    Code:
    @media screen and (min-width: 981px) {
    .et_pb_menu__menu, .et-menu-nav, .et-menu {
        width: 100%!important;
    }
    .fullwidth-menu {
        display: flex!important;
        justify-content: center;
        align-items: stretch;
        flex-wrap: initial!important;
    }
    .et_pb_fullwidth_menu nav>ul>li {
        width: 100%;
        text-align: center!important;
    }
    .et_pb_fullwidth_menu nav>ul>li, .et_pb_fullwidth_menu nav>ul>li>a {
        display: block!important;
    }
}
     
    #2 Divi.Help Pro Support, Oct 18, 2019
(You must log in or sign up to post here.)