1. BLACK FRIDAY SALES Up to 72% OFF our Pro membership & access all our premium Divi plugins, child themes, layout packs & Divi Block.LEARN MORE
This is the support forum for Divi Ultimate Header Plugin.

To access this support forum, you need to purchase Divi.Help Pro Membership.

If already purchased, kindly login to your account to access it.
For Divi community forum, kindly visit here: https://divi.help/forums/get-help-on-divi-wordpress.30/
Dismiss Notice
NEW Divi.Help Pro Layout Packs - Beautifully crafted Divi layout packs for you to kick start your Divi sites.
View All Pro Layout Packs
BEST Divi Block - An online drag & drop tool to easily mix & match 478+ premade blocks (light / dark version), including custom header, fullscreen / slide in mobile menu, mega menu, custom footer, page design blocks & 14+ Special Module Design. Newly added Divi Preloader without plugin.
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. PRO MEMBER PERKS Divi Cart Count Plugin - Easily add cart count to your Divi cart icon. 6 different styles to choose from: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:
    @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;
        }
    }