Return to previous page

All departments and Mega menu not displaying correctly.

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

Hiran

Participant

August 11, 2026 at 11:56

Hello, on my navigation bar i have an all departments(current title: shop all) widget being used, and a mega menu for each time.
1. the dropdown width is too small as a result the items (agarbatti and fragrance) is on 2 lines and off looking. i would like to increase it more.
2. The mega menu(https://pooja.mu/etheme_mega_menus/mega-menu-2/) is not being displayed as it should on the home page. To be noted it was broken even with 3 columns and the banner only and in the template it was 3 columns and a banner.

There is no custom css being applied anywhere.
Grateful if you could tell us the fix.

Content is visible for topic creator and
support staff only.

#473064 Copied

7 Answers
Jack Richardson

Support staff

August 11, 2026 at 14:31
Hello @Hiran,

We have adjusted the custom width setting for your dropdown menu. It is now set to 100% to ensure it matches the width of the parent item: https://gyazo.com/c192d3e454e41de2819760be673089c1.

Additionally, we have implemented the following custom CSS (https://gyazo.com/90f2dc1d49cae7f9653be357f31372e6) to address spacing issues that were being reset in certain structural cases by the default Elementor frontend CSS:

selector .elementor-widget:not(:last-child) { margin-block-end: var(--kit-widget-spacing, 20px); }

You can view the frontend result here: https://gyazo.com/edb8943683aab8b114391787e85efe3e.

Best Regards,
Jack Richardson
The 8Theme’s Team
#473077 Copied
Hiran

Participant

August 12, 2026 at 07:06

Yes thank you. However the mega menu alignment of items still seems to be broken. so is the text on the banner
the title above the images i can reduce the font size so that they are alligned but the sub categories below seems to be an issue. i attached an image below, it is the red part i highlighted that i am talking about.

Files is visible for topic creator and
support staff only.

#473145 Copied

Jack Richardson

Support staff

August 12, 2026 at 07:08

Hello @Hiran,

This is how the browser aligns the content when the container’s width does not allow the content to be fully displayed and it is not an issue of our theme or kind of it. You can either increase the width of the mega menu content in your All Departments element -> Items, or you can reduce the font size of the content.

Best regards,
Jack Richardson
The 8Theme’s Team

#473146 Copied

Hiran

Participant

August 12, 2026 at 16:02

Noted
Thank you for your assistance!

#473204 Copied

Jack Richardson

Support staff

August 13, 2026 at 06:34

Hello @Hiran,

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

#473275 Copied

Hiran

Participant

August 13, 2026 at 08:03

Thanks for the support! My topic “All departments and Mega menu not displaying correctly.” has been successfully resolved.

#473285 Copied

Tony Rodriguez

Support staff

August 13, 2026 at 08:03

Dear Hiran,

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

#473286 Copied
Viewing 8 results - 1 through 8 (of 8 total)

The issue related to '‘All departments and Mega menu not displaying correctly.’' has been successfully resolved, and the topic is now closed for further responses

All departments and Mega menu not displaying correctly.

Explore our best WordPress WooCommerce Themes collection