Divi extent Menu cannot be edit. Broken CSS shown in frontend

[ad_1]

Background:
I am using WordPress 6.5.5. Divi version 4.27.0. Divi Extended for menu bar and mini cart in Global header(Divi Theme builder). Multisite is enabled.

The issue is that when i create a custom role to edit the theme builder in Divi(global header and the menu bar is using Divi Extended). A site admin using this custom role try to edit the Global header. The frontend will show all broken CSS code. Below is what I try to use debug mode result.

And I have try to open a support case to Divi and they reply is related to WordPress core issue in Multisite.

Deprecated: Creation of dynamic property DMPRO_BeforeAfter::$icon_path is deprecated in /var/www/html/wp-content/themes/Divi/includes/builder/class-et-builder-element.php on line 1425

Deprecated: Creation of dynamic property DMPRO_BreadCrumb::$icon_path is deprecated in /var/www/html/wp-content/themes/Divi/includes/builder/class-et-builder-element.php on line 1425

Deprecated: Creation of dynamic property DMPRO_ButtonGridiron::$icon_path is deprecated in /var/www/html/wp-content/themes/Divi/includes/builder/class-et-builder-element.php on line 1425

Deprecated: Creation of dynamic property DMPRO_Carousel::$icon_path is deprecated in /var/www/html/wp-content/themes/Divi/includes/builder/class-et-builder-element.php on line 1425

Deprecated: Creation of dynamic property DMPRO_ContentToggle::$icon_path is deprecated in /var/www/html/wp-content/themes/Divi/includes/builder/class-et-builder-element.php on line 1425

Deprecated: Creation of dynamic property DMPRO_CountDownTimer::$icon_path is deprecated in /var/www/html/wp-content/themes/Divi/includes/builder/class-et-builder-element.php on line 1425

Deprecated: Creation of dynamic property DMPRO_FlipBox::$icon_path is deprecated in /var/www/html/wp-content/themes/Divi/includes/builder/class-et-builder-element.php on line 1425

Deprecated: Creation of dynamic property DMPRO_ImageHoverBox::$icon_path is deprecated in /var/www/html/wp-content/themes/Divi/includes/builder/class-et-builder-element.php on line 1425

Deprecated: Creation of dynamic property DMPRO_HotSpot::$icon_path is deprecated in /var/www/html/wp-content/themes/Divi/includes/builder/class-et-builder-element.php on line 1425

Deprecated: Creation of dynamic property DMPRO_HotSpot_Child::$advanced_setting_tooltip_title is deprecated in /var/www/html/wp-content/themes/Divi/includes/builder/class-et-builder-element.php on line 1425

Deprecated: Creation of dynamic property DMPRO_MasonryGallery::$icon_path is deprecated in /var/www/html/wp-content/themes/Divi/includes/builder/class-et-builder-element.php on line 1425

Deprecated: Creation of dynamic property DMPRO_RestaurantMenu::$icon_path is deprecated in /var/www/html/wp-content/themes/Divi/includes/builder/class-et-builder-element.php on line 1425

Deprecated: Creation of dynamic property DMPRO_PopUP::$icon_path is deprecated in /var/www/html/wp-content/themes/Divi/includes/builder/class-et-builder-element.php on line 1425

Deprecated: Creation of dynamic property DMPRO_Timeline::$icon_path is deprecated in /var/www/html/wp-content/themes/Divi/includes/builder/class-et-builder-element.php on line 1425

Deprecated: Creation of dynamic property DMPRO_AdvancedTabs::$icon_path is deprecated in /var/www/html/wp-content/themes/Divi/includes/builder/class-et-builder-element.php on line 1425
.et-db:not(.et-fb) #et-boc .et-l #dd-section { left: -110%; position: fixed; top: 0; overflow: auto; z-index: 9999999; -webkit-transition: left .4s cubic-bezier(.75, 0, .25, 1); transition: left .4s cubic-bezier(.75, 0, .25, 1); } .et-db #et-boc .et-l #dd-section.dd-m-menu { left: 0 !important; } .et-db #et-boc .et-l #dd-menu-mobile .mobile_menu_bar { display: none; } .et-db #et-boc .et-l #dd-menu-mobile .et_mobile_menu { display: block !important; border-top: none; box-shadow: none; position: relative; } .et-db #et-boc .et-l #dd-menu-mobile .et_mobile_nav_menu, .et-db #et-boc .et-l #dd-menu-mobile .mobile_nav { width: 100%; } .et-db #et-boc .et-l #dd-menu-mobile ul li a { text-align: center; /* Alignment of menu items / font-weight: 500 !important; / Font-weight of menu items / border-bottom: none; / Bottom border of menu items / cursor: default; } .et-db #et-boc .et-l #dd-menu-mobile ul li a:hover { opacity: 1; background-color: rgba(0, 0, 0, 0); } .et-db #et-boc .et-l #dd-menu-mobile ul li.menu-item-has-children>a { background-color: rgba(0, 0, 0, 0); } .et-db #et-boc .et-l #dd-menu-mobile.dd-submenu ul li a { text-align: left; / Alignment of menu items in case sub-items exist / } .et-db #et-boc .et-l #dd-menu-mobile .mobile_nav li ul.hide { display: none !important; } #dd-menu-mobile .mobile_nav .menu-item-has-children { position: relative; } #dd-menu-mobile .mobile_nav .menu-item-has-children>a+span { position: absolute; right: 0; top: 0; padding: 10px 20px; font-size: 20px; font-weight: 700; / Font-weight of submenu parent menu item icons / cursor: default; z-index: 3; } #dd-menu-mobile span.menu-closed:before { content: “L”; display: block; color: #2f3854; / Color of submenu parent menu item icons / font-size: 16px; font-family: ETmodules; } #dd-menu-mobile span.menu-closed.menu-open:before { content: “K”; } .et-db #et-boc .et-l .dd-flex-column { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .et-db #et-boc .et-l .et_pb_section.dd-section-height, .et-db #et-boc .et-l .et_pb_row.dd-row-height, .dd-row-height .dd-flex-column { height: 60px; } .admin-bar header.et-l–header { top: 30px; } .et-db #et-boc .et-l .dd-sB .et_pb_blurb_container { padding-left: 0px; } .et-db #et-boc .et-l .dd-sB.et_pb_blurb_position_left .et_pb_main_blurb_image, .et-db #et-boc .et-l .dd-sB.et_pb_blurb_position_left .et_pb_blurb_container { display: inline-block; } .et-db #et-boc .et-l .dd-sB.et_pb_blurb_position_left.et_pb_text_align_center .et_pb_blurb_content { text-align: center; } .et_pb_row.dd-row-height { align-items: center !important; } @media (max-width: 980px) { .et_pb_row.dd-row-height { display: flex; } } .dd-search input.et_pb_searchsubmit { background: transparent !important; border: none !important; padding: 0 20px; z-index: 99; } .dd-search-icon { position: absolute; height: 100%; right: 0; top: 0; display: flex; align-items: center; padding: .715em 17px; background-color: #5b9b80; / background-color of Search Icon / border-left: 1px solid rgba(0, 0, 0, 0); / Left Border of Search Icon / } .dd-search-icon:after { content: “U”; font-family: “ETmodules” !important; display: block; font-size: 17px; / Font-size of Search Icon / font-weight: bold; color: #fff; / Color of Search Icon */ -webkit-transform: scaleX(-1); transform: scaleX(-1); } .admin-bar header.et-l–header.dd-cfixed-header { top: -20px; } .et-db #et-boc .et-l .dd-woo-sc { z-index: 0 !important; } .et-db #et-boc .et-l .dd-woo-sc ul li a:hover { opacity: 1; background-

 

This site will teach you how to build a WordPress website for beginners. We will cover everything from installing WordPress to adding pages, posts, and images to your site. You will learn how to customize your site with themes and plugins, as well as how to market your site online.

Buy WordPress Transfer