Home New Guten › Forums › WoodMart support forum › Set up header menu similar to “Vegetables” demo
Set up header menu similar to “Vegetables” demo
- This topic has 5 replies, 2 voices, and was last updated 2 months ago by
Aizaz Imtiaz Awan.
-
AuthorPosts
-
April 6, 2025 at 10:53 pm #652002
jeremb5ParticipantHello,
I’d like to create a menu similar to the one used in your “Vegetables” demo (https://woodmart.xtemos.com/vegetables/).
Specifically, what I like is how smoothly users can navigate from a parent category directly to its child categories.
A few quick questions:
Are child categories automatically included in the menu dropdown?
I don’t necessarily need the sidebar with image icons (on the left). My primary interest is in the off-canvas style menu triggered by clicking the main categories.
Additionally, I’m curious about your plans regarding conditional logic for header menus:
Do you plan on implementing a “conditions” feature for displaying the header menu like it’s possible with “layouts”? If this feature is already available, could you please guide me on how to use it? I haven’t found it yet.
I use Elementor Pro alongside Woodmart, and sometimes I’m uncertain about which widget is best to use—for example, choosing between the Woodmart text block and Elementor’s native widgets. Regarding layouts, I tend to prefer Woodmart for WooCommerce pages, but for general page-building, I’m leaning toward Elementor Theme Builder.
Could you advise me on the best practices for choosing between Woodmart’s built-in features and Elementor Pro’s widgets?
Thanks in advance for your help!
-
This topic was modified 4 months, 1 week ago by
jeremb5.
April 7, 2025 at 2:33 pm #652166
Aizaz Imtiaz AwanKeymasterHello,
Navigate to WoodMart > Header builder > edit current header > add the browse categories elements in the header and choose the categories menu: https://prnt.sc/GAEwUkFgxBz1
Child categories are not added automatically in the dropdown.
To show subcategories:
Go to Appearance > Menus > Edit your Categories MenuUse mega menu HTML blocks to build custom dropdown content for each parent category.
https://xtemos.com/docs/woodmart/html-blocks-2/The “Browse Categories” element will remain sticky (visible in the sidebar position) and triggers the off-canvas menu.
This is the intended behavior by design, and it ensures users can always access the categories menu easily.
If you have any questions feel free to contact us.
Best Regards
April 7, 2025 at 3:00 pm #652185
jeremb5ParticipantOk thanks will try it . You didn’t answer to this card :
I use Elementor Pro alongside Woodmart, and sometimes I’m uncertain about which widget is best to use—for example, choosing between the Woodmart text block and Elementor’s native widgets. Regarding layouts, I tend to prefer Woodmart for WooCommerce pages, but for general page-building, I’m leaning toward Elementor Theme Builder.
Could you advise me on the best practices for choosing between Woodmart’s built-in features and Elementor Pro’s widgets?
April 8, 2025 at 8:00 am #652360
Aizaz Imtiaz AwanKeymasterHello,
Elementor Pro: More flexibility, design freedom, and dynamic content.
Woodmart built-in features = More lightweight, WooCommerce-optimized, and deeply integrated with the theme styling system.
When using Elementor Pro with Woodmart, it’s best to use Elementor for general page-building like landing pages, about, or contact pages where you need full design flexibility and dynamic content. For WooCommerce-related pages (shop, product, category), stick with Woodmart’s built-in elements as they’re optimized for performance and better integrated with the theme’s AJAX features.
Best Regards,
June 10, 2025 at 6:26 pm #666580
jeremb5ParticipantHello,
I was able to reproduce approximately the vegetables menu but this effect doesn’t apply on mobile. I was expected that in mobile , we’ll be able to have a responsive drill down effect like : suitsupply.com , samsonite.com , etc…
Is there a Woodmart feature that can do it ?
Thanks youJune 11, 2025 at 8:57 am #666635
Aizaz Imtiaz AwanKeymasterHello,
Navigate to WoodMart > Header Builder, then click Edit Current Header.
Next, switch to the Mobile Header view, open the Mobile Menu settings, and under the Style tab, change the Menu Layout to “Drilldown”: https://ibb.co/BnYSmn3Best Regards,
-
This topic was modified 4 months, 1 week ago by
-
AuthorPosts
- You must be logged in to create new topics. Login / Register