How can I create two level navigation in tab layout?

I bought your woodmart theme today and would like to build a two-level main navigation like on this website:
https://www.bc-collection.eu/en

First level:
“By ranges”, “Segments” (by default “By ranges” is clicked)

Second level:
– if “By ranges” is clicked: A list of product categories (T-Shirts, Poloshirts, etc.)
– if “Segments” is clicked: the second level changes and shows the available segment categories

When hovering over an item inside the second level navigation the submenu appears.

I did not find any way to achieve this in your theme and am considering using another WordPress theme.

I appreciate your help.

Attachments:

You must be logged in to view attached files.

Hello,

Thank you very much for choosing our theme and for contacting us.

You need to insert two separate menus in two rows one above another and then remove all the padding and margins with custom CSS.

When you enter the header builder, the first you should do is to set the same Row flex layout:https://xtemos.com/docs/woodmart/header-builder/header-rows-columns-configuration/

In order to create a mega menu, please check this manual: https://xtemos.com/docs/woodmart/create-menu-2/

If you have any difficulties, contact us we will help.

Best Regards

[Author]

Posts