wrong Mobile Menu

Hello Woodmart support,

I am building a microsite under my main website:
Root page: https://geniusdeco.gr/3d/
Editor link: https://geniusdeco.gr/wp-admin/post.php?post=256764&action=elementor
I had an issue with the mobile menu where the “Pages” tab appears incorrectly. Following your earlier suggestion, I added the CSS below into Theme Settings → Custom CSS for mobile:

body.page-id-256764 .mobile-tab-title.mobile-pages-title[data-menu=”pages”],
body.page-id-256764 .mobile-nav-tab[data-menu=”pages”] {
display: none !important;
}

body.page-id-256764 .mobile-tab-title.mobile-categories-title[data-menu=”categories”] {
flex: 1 1 100% !important;
width: 100% !important;
max-width: 100% !important;
text-align: center !important;
}

This works perfectly on the microsite’s homepage (/3d/).
However, when I navigate to other related pages (for example the category NFC-Lifestyle), the issue comes back and the wrong menu appears. It seems the CSS only applies to the main page ID (page-id-256764), not to other pages or product categories linked under this microsite.
The microsite includes around 15 pages in total, so repeating the CSS for every single page ID is not an ideal or maintainable solution.
Could you please advise:
Is there a way to apply this CSS fix to all pages within the microsite (/3d and its 15 subpages) without having to repeat the code for each page ID?

For WooCommerce product categories (like NFC-Lifestyle), what would be the correct selector or approach to target those mobile menu tabs consistently?
Would you recommend handling this through additional CSS selectors, or is there a theme setting/option we should adjust instead?
Thank you in advance for your help — I’d like to solve this in a clean and scalable way.

Best regards,

Attachments:

You must be logged in to view attached files.

Hi john_charalambidis,

Thanks for reaching to us and appreciate your patience.

To assist you in the best possible manner, I kindly ask that you please provide me temporary wp-admin info (wp-admin URL, username, password) to the Private Content area, this will allow me to thoroughly investigate and address your concerns more efficiently.

Regards,
Hung PD

[Hung Pham]

Dear Hung PD

Hereby sending you the wp-admin info:

Main website: https://geniusdeco.gr/
Microsite (matter with wrong Menu) : https://geniusdeco.gr/3d/

Please note that the only wrong thing is the “MENU” display in mobile view for “https://geniusdeco.gr/3d/” and all the categories including in the microsite.

My main language is Greek.
For Greek language, The homepage “3d ΑΡΧΙΚΗ” displays correctly (no extra “Μενού”) since I have pass the CSS code, but as soon as you select another category, the extra “Μενού” appears again.

For English language, The homepage “3D HOME” and all other pages show the extra “Menu” at all times.

This red marked “Menu” on the screenshots is something that I don’t want to be displayed for both language as it has to do with the main store “https://geniusdeco.gr/”.
If the English version has to do with my translation plug in, I understand that this is another issue and I will look for it later.

Thanks for your effort, Regards.
Ioannis Charalambidis

• This reply was modified 1 month, 1 week ago by Hung Pham.

Hi john_charalambidis,

Please remove your codes and try below one and Please add this code to the Theme Settings > Custom CSS > Custom CSS for mobile:

.mobile-tab-title.mobile-pages-title{
    display: none;
}

.mobile-tab-title.mobile-categories-title{
    max-width: 100%;
}

Regards,
Hung PD

Dear Hung PD

It seems that the problem solved, thanks to your code of course.!!

Thank you so much that you have found the solution!

Wish you the best.
Regards
Ioannis charalambidis

Hi john_charalambidis,

Glad to hear your issue has been resolved. And hope you can share you feedbacks here https://tally.so/r/w4l54k

If you have a quick minute we always appreciate a 5-star rating on our theme!

https://themeforest.net/item/woodmart-woocommerce-wordpress-theme/reviews/20264492

Your feedback is the motivation to improve our work and services.

Regards,
Hung PD

[Author]

Posts