How can I adjust this options ? like remove \ add new option, change the color etc ?
This topic has 10 replies, 4 voices, and was last updated 3 weeks, 6 days ago ago by Tony Rodriguez
How can I adjust this options ? like remove \ add new option, change the color etc ?
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
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)
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
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
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
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!
This issue has been fixed.
Thanks for the support! My topic “how to adjust the bottom menu items in mobile view” has been successfully resolved.
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.
Leave Feedback →
(takes less than a minute)
Your input makes a real difference.
Topic closed.
The 8Theme Team
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