Home › Forums › WoodMart support forum › wrong Mobile Menu

wrong Mobile Menu

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • September 7, 2025 at 1:55 am #684869

    john_charalambidis
    Participant

    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.
    September 8, 2025 at 10:36 am #685006

    Hung Pham
    Participant

    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

    September 8, 2025 at 12:04 pm #685048

    john_charalambidis
    Participant

    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.
    September 9, 2025 at 11:59 am #685238

    Hung Pham
    Participant

    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

    September 10, 2025 at 2:59 pm #685554

    john_charalambidis
    Participant

    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

    September 11, 2025 at 8:22 am #685672

    Hung Pham
    Participant

    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
Viewing 6 posts - 1 through 6 (of 6 total)

The topic ‘wrong Mobile Menu’ is closed to new replies.