Cannot Get HTML Blocks to work on menu

Hi there,

I’m looking to get my HTML blocks I’ve designed on Elementor to go live on our menu. It doesn’t seem to work when I click the specified HTML Block in the menu settings.

Here is the Additional CSS implemented on the page:

.footer-sidebar {
display: none !important;
}

.wd-popup.wd-promo-popup {
background-color: #2b4260 !important;
}
#exitpopup-modal .modal-body {
padding: 20px 35px;
font-size: 28px;
font-weight: bold;
margin-top: 25px;
text-transform: capitalize;
text-align: center;
}
.mfp-with-anim.wd-popup.wd-promo-popup {
padding: 0 !important;
}
.wd-popup-inner {
overflow: hidden;
}
.page-title-default {
background-color: #2b4260;
}
.wd-prefooter {
padding-bottom: 0px;
background-color: var(–wd-main-bgcolor);
}

.footer-container {
display: none !important;
}

.widget_nav_mega_menu > .widget-title {
background-color: transparent;
padding-left: 0px;
}

*,
*:before,
*:after {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}

.wd-nav-vertical > li > a {
padding-left: 2px !important;
font-size: 17px !important;
color: #000;
}

.wd-nav-vertical .wd-dropdown-menu {
color: #000 !important;
}

#wc_bis_product_form #wc_bis_email,
#wc_bis_product_form #wc_bis_send_form {
background-color: #000 !important;
color: #fff !important;
}
.woocommerce-message {
background-color: #2b4260 !important;
}

body .woocommerce-store-notice .woocommerce-store-notice__dismiss-link {
position: static;
}

body .select2-container–default {
width: 275px !important;
margin-left: -14px;
}

.scrollToTop.button-show {
display: none !important;
}

.wd-all-open-title {
text-transform: uppercase !important;
}

/* topbar popup position */
#place_order {
display: block !important;
}
#customer_details .wcpf-loader {
display: none !important;
}
body {
display: grid;
}
.woocommerce-store-notice,
p.demo_store {
position: static;
order: -2;
}

.woocommerce-error {
color: white;
background-color: #002856;
}

Is any of this affecting the utilization of HTML Blocks for dropdowns in my menu? When I hit “save” the HTML Block I chose for the specific category disappears afterwards.

Hi victoryridgesports.ca,

Thanks for reaching to us.

It is a problem with the PHP max input vars limit. It simply can’t process a large amount of data when you save the menu. Try to contact your hosting provider and ask to increase this parameter. You can check its value in WooCommerce -> System status.

Kind Regards,

[Author]

Posts