How to adjust the bottom menu items in mobile view

This topic has 10 replies, 4 voices, and was last updated 3 weeks, 6 days ago ago by Tony Rodriguez

  • Avatar: anoop
    anoop
    Participant
    January 1, 2026 at 19:00

    How can I adjust this options ? like remove \ add new option, change the color etc ?

    https://prnt.sc/9a-wNr-BKcfZ

    9 Answers
    Avatar: Ayan Rahman
    Ayan Rahman
    Support staff
    January 1, 2026 at 20:49

    Hi,

    Thank you for reaching out to us.

    To adjust these options, such as removing or adding new ones, or changing the color, please navigate to Theme Options > Mobile panel

    Warm Regards,
    The 8Theme Team

    Avatar: anoop
    anoop
    Participant
    January 2, 2026 at 02:52

    Thanks. How to include shortcode for an element in this mobile panel. Default there is a Account button which will open my-account. Instead of that I need to show my custom login shortcode and once logged in needs to show the default my account (like the Xstore condition feature)

    Avatar: Ayan Rahman
    Ayan Rahman
    Support staff
    January 2, 2026 at 11:45

    Hi,

    At the moment, it is not possible to add a shortcode directly to the mobile panel. However, you can add a link to a custom page instead https://prnt.sc/j_NQKVRFhuwQ

    We highly encourage you to share your suggestion on our Taskboard at https://www.8theme.com/taskboard/. If your idea garners sufficient support from other customers, our development team will carefully evaluate the possibility of including it in a future update.

    Warm Regards,
    The 8Theme Team

    Avatar: anoop
    anoop
    Participant
    January 2, 2026 at 11:51

    Is it possible to conditionally hide an item in the mobile panel ? I can add a custom page link for the login, but after the login completes, I need to hide this page from menu and show only the default my-account

    Avatar: Jack Richardson
    Jack Richardson
    Support staff
    January 2, 2026 at 11:59

    Hello @anoop,

    In the mobile panel, such conditions are not available by default, but you can configure them as follows:

    1. Create a static block with your custom shortcode for login functionality (for example, name it “Account Custom Shortcode” and place the custom shortcode in the content) – https://prnt.sc/2MHrx1ShLsc8
    2. In the Theme Options, navigate to the Mobile Panel section and add a “More Toggle 01” element with the following settings – https://prnt.sc/erJkJezhnn2c
    3. In the “More Toggle 01” content area, apply the following configuration – https://prnt.sc/ILlnNy2-DIIZ

    If you also have the original account item in mobile panel elements (https://prnt.sc/3CNsriD3Qts2), your mobile panel will appear as shown here – https://prnt.sc/tsVNxl6hfVq1. You can hide the original element for non-logged-in users and display another one for logged-in users.

    To achieve this, you can use the following custom CSS:

    body:not(.logged-in) .et-mobile-panel .et_b_mobile-panel-account {  
        display: none;  
    }  
    body.logged-in .et-mobile-panel .et_b_mobile-panel-more_toggle {  
        display: none;  
    }

    For more details, please refer to:
    https://www.8theme.com/documentation/xstore/additional-customisation/optimal-placement-for-custom-css-code/

    Please note that we do not provide customization services, but we are always happy to offer suggestions to help you implement possible features.

    Best regards,
    Jack Richardson
    The 8Theme’s Team

    Avatar: anoop
    anoop
    Participant
    January 2, 2026 at 13:45

    Hi Jack,

    Thanks for the suggestions — I’ve implemented them. However, I’m running into two main issues:

    I added the CSS code you mentioned to hide elements for logged-in and non-logged-in users, but it doesn’t seem to be working. I can still see both buttons: https://prnt.sc/XK3xe7TL3uZW

    The “More” toggle opens an additional menu, and from there I need to click the shortcode-added page again. This results in extra steps and feels like duplicate work. Is it possible to add an additional button that directly targets the specific page instead? https://prnt.sc/gRCw9jFx827P

    Let me know your thoughts.

    Thanks!

    Please contact administrator
    for this information.
    Avatar: anoop
    anoop
    Participant
    January 3, 2026 at 05:41

    This issue has been fixed.

    Avatar: anoop
    anoop
    Participant
    January 3, 2026 at 05:41

    Thanks for the support! My topic “how to adjust the bottom menu items in mobile view” has been successfully resolved.

    Avatar: Tony Rodriguez
    Tony Rodriguez
    Support staff
    January 3, 2026 at 05:42

    Dear anoop,

    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 10 results - 1 through 10 (of 10 total)

The issue related to '‘how to adjust the bottom menu items in mobile view’' 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.