All Department Menu is having issues when showing several items

This topic has 14 replies, 3 voices, and was last updated 1 month, 1 week ago ago by Tony Rodriguez

  • Avatar: Sherine
    Sherine
    Participant
    December 1, 2025 at 17:43

    I am having the following problems with the All Departments Menu

    1. When I select “more items” in the drop down list, I can only view them if I reduce the browser view zoom from 100% to approximately 80%.
    I therefore tried to disable the “Show more” feature and used the css showed below in the Global css area but no scroll bar appeared even after clearing browser and server cache.

    ul#menu-all-departments {
    height: 400px !important;
    overflow-y: scroll !important;
    }

    I therefore turned on back the “show more” feature and removed the css. Can you help me to put in a scroll bar.

    2. When I added a Static block eg Mega-menu-11-niche-market02 – to one of the Departments eg “Electronics & Gadgets” that shows after selecting “show more” the pop out does not appear immediately beside the arrow it appears at the top level of the All Department menu, beside the first item in the All Department list.

    3. I created a new Static block to be used for a new category in the All Department menu. I used the “Product Category Lists” widget to display the Sub Categories for the Category that I added in the Query section. The issue is it is wrapping the names of the Categories. Also, the lowest level it goes for columns is 2. How do I format this or fix this issue.

    Please, contact administrator
    for this information.
    13 Answers
    Avatar: Jack Richardson
    Jack Richardson
    Support staff
    December 2, 2025 at 09:18

    Dear @Sherine,

    Thank you for reaching out to us.

    1. Unfortunately, there is no ready-made solution available at this time. However, we kindly suggest limiting the number of items in your “All Departments” menu to ensure that all entries are visible and that the mega menu displays correctly.

    2. You may try adding the following custom CSS to adjust the position of your static blocks within the “All Departments” section so that they appear in the correct visible area:

    .elementor-widget-theme-etheme_departments_menu .menu-static-block.nav-sublist-dropdown {
        min-height: 100vh;
    }

    3. Could you please attach the URL of the static block in question, along with a few screenshots showing the desired result? This will help us review the issue and determine what improvements can be made to achieve the outcome you need.

    Best regards,
    Jack Richardson
    The 8Theme Team

    Avatar: Sherine
    Sherine
    Participant
    December 2, 2025 at 18:08

    I am trying to recreate:
    /staticblocks/mega-menu-11-niche-market02/

    Please contact administrator
    for this information.
    Avatar: Jack Richardson
    Jack Richardson
    Support staff
    December 3, 2025 at 07:39

    Hello @Sherine,

    Please check it now. We have improved your widget settings and added a hover animation using custom CSS (https://prnt.sc/nJg_LGWgmVp4). You can see how it appears on the frontend here: https://gyazo.com/5e20542e1981d72443f2ae64eefe3347

    Best regards,
    Jack Richardson
    The 8Theme Team

    Avatar: Sherine
    Sherine
    Participant
    December 4, 2025 at 23:35

    I am not sure what is happening. When I go to XStore Static Block and view the created Static block with the custom css, it looks the way I want it with no lines wrapping. However, when I view it in either Chrome or Edge it is not displaying correctly, the Category name is wrapping.

    Files is visible for topic creator and
    support staff only.
    Avatar: Jack Richardson
    Jack Richardson
    Support staff
    December 5, 2025 at 09:47

    Hello @Sherine,

    Please check it now. We have made some configurations to the mega-menu content of the all-departments widget.
    Frontend result: https://prnt.sc/kOklYFD9Tfpz

    Best regards,
    Jack Richardson
    8Theme Team

    Avatar: Sherine
    Sherine
    Participant
    December 5, 2025 at 17:37

    It is now showing okay, thank you

    Avatar: Jack Richardson
    Jack Richardson
    Support staff
    December 5, 2025 at 19:41

    Hello @Sherine,

    Thanks for the update.
    If you have any additional questions or concerns, please do not hesitate to reach out to us. Our support team is always available to assist you.

    Kind regards, Jack Richardson
    The 8theme’s team

    Avatar: Sherine
    Sherine
    Participant
    December 6, 2025 at 16:19

    Hi Jack

    In the All Departments Menu, I created a New Menu item and called it “See More” (to solve the issue of the long list) and placed the other categories in the Static Block pop out. I tried to recreate what you did to prevent the Product Category listing from wrapping without any success. I even tried reducing the font size to see if that was the issue. Can you have a look at it for me. Please provide me with the details including the css used and any settings changed. Thanks.

    Avatar: Jack Richardson
    Jack Richardson
    Support staff
    December 6, 2025 at 17:13

    Hello @Sherine,

    We have noticed that you are currently in edit mode for most of the Mega Menus, which prevents us from making the necessary modifications. However, you can simply copy the original widget from the correctly configured section to your new one to ensure that no configuration settings are lost.

    In the previous Product Categories list, we set the Image Position to “Without” (see: https://prnt.sc/AudexnGtjS4P). We also recommend selecting “1 column” for the Columns setting (see: https://prnt.sc/Sl8ZHS_NW5g3).

    Please check the result here: https://prnt.sc/OYjziE3TikTx. After refreshing the page, we noticed that the editor had been closed on your side, so we implemented our changes in a new section.

    Best regards,
    Jack Richardson
    8Theme Team

    Avatar: Sherine
    Sherine
    Participant
    December 6, 2025 at 18:06

    Thanks Jack, it is now showing how I wanted it.

    Avatar: Jack Richardson
    Jack Richardson
    Support staff
    December 6, 2025 at 19:30

    Hello @Sherine,

    Thank you for your message. We are glad to hear that everything is now displaying as you wanted.

    Best Regards,
    Jack Richardson
    The 8Theme’s Team

    Avatar: Sherine
    Sherine
    Participant
    December 21, 2025 at 16:26

    Thanks for the support! My topic “All Department Menu is having issues when showing several items” has been successfully resolved.

    Avatar: Tony Rodriguez
    Tony Rodriguez
    Support staff
    December 21, 2025 at 16:26

    Dear Sherine,

    It’s great having you in our WordPress & WooCommerce community!

    Every insight you share helps us refine XStore and build tools that empower thousands of online store owners worldwide.

    Together, we grow stronger with every release.

    Topic closed.
    The 8Theme Team

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

The issue related to '‘All Department Menu is having issues when showing several items’' 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.