Customizing mobile menu: sub-items do not open + full width

Hello @Martin,

There are no predefined settings available to make the mobile content display in a full-width layout. However, you can achieve this by adding custom CSS:

.et_b_header-mobile-menu .et-mini-content {
    max-width: 100vw;
}

(Example: https://prnt.sc/QcNHniCHrKpi)

Alternatively, you may use the following code:

.et_b_header-mobile-menu .et-mini-content {
    max-width: 100vw;
    width: 100vw;
}

.et_b_header-mobile-menu .et-mini-content .et-close {
    transform: translateX(-100%);
    z-index: 9999;
    margin: 0;
}

(Example: https://prnt.sc/f8mupQVoRFre)

Regarding your second question, could you please provide us with a video demonstrating the issue and grant temporary wp-admin access? At the moment, we do not see any errors with your subitems.

Best regards,
8Theme Team

Hello @Martin,

Could you please check how it works in the mentioned browser using the default demo, such as Storefront? We have not received any similar reports from our customers regarding the Brave browser, so the issue may be related to a specific configuration on your device or within your browser that prevents certain JavaScript scripts from loading.

Best regards,
8Theme Team

Dear Martin,

We really appreciate your time and engagement within the WordPress & WooCommerce community

Your feedback drives every improvement we make in XStore — helping us deliver a smoother and more flexible experience with each update.

Leave Feedback →
(takes less than a minute)

Your input makes a real difference.

Topic closed.
The 8Theme Team