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

This topic has 7 replies, 3 voices, and was last updated 1 days, 22 hours ago ago by Tony Rodriguez

  • Avatar: kikjou
    Martin
    Participant
    October 14, 2025 at 09:21

    Hello,

    I am trying to expand the mobile menu to full width + add subitems to it.

    Firstly, I cannot find the option for the full width display.

    Secondly, after adding menu subitems, the parent item displays an expansion error, but does not open on tap.

    I have added subitems under the item “service” for you to see. + screenshots.

    Caching is currently on. If necessary I’ll switch it off or can be purged.

    Thank you
    Martin

    Please, contact administrator
    for this information.
    6 Answers
    Avatar: kikjou
    Martin
    Participant
    October 14, 2025 at 09:25

    + the screenshots

    Files is visible for topic creator and
    support staff only.
    Avatar: Jack Richardson
    Jack Richardson
    Support staff
    October 14, 2025 at 11:56

    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

    Avatar: kikjou
    Martin
    Participant
    October 14, 2025 at 17:06

    Hello,

    thank you! In the meantime, I have found out that the issue occurs only in Brave browser, in other browsers it works. There is not much need for a video, the submenu simply does not open.
    Interestingly, Brave also has an issue with the product tabs that do not display as tab, but as full content stacked after each other. This happens with all Brave Shields and blockers off.

    The access credentials are attached to the first message.

    Best regards
    Martin

    Avatar: Jack Richardson
    Jack Richardson
    Support staff
    October 14, 2025 at 18:24

    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

    Avatar: kikjou
    Martin
    Participant
    December 1, 2025 at 14:25

    Thanks for the support! My topic “customizing mobile menu: sub-items do not open + full width” has been successfully resolved.

    Avatar: Tony Rodriguez
    Tony Rodriguez
    Support staff
    December 1, 2025 at 14:25

    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.

    Your input makes a real difference.

    Topic closed.
    The 8Theme Team

  • Viewing 7 results - 1 through 7 (of 7 total)

The issue related to '‘customizing mobile menu: sub-items do not open + full width’' has been successfully resolved, and the topic is now closed for further responses

We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.