Home › Forums › WoodMart support forum › Sir how can i create this type of menu ?
Sir how can i create this type of menu ?
- This topic has 7 replies, 2 voices, and was last updated 1 week, 5 days ago by
Aizaz Imtiaz Awan.
-
AuthorPosts
-
August 14, 2025 at 10:37 pm #680378
asadujjamanhira03Participantin the screenshots this website is made of woodmart theme. want this categories menu settings , on hover open and desing this main button which i hover , and design the box, this menu should open on hover and normally closed. 4,5 no screenshot is my site condition.
Attachments:
You must be logged in to view attached files.August 15, 2025 at 1:06 pm #680543
Aizaz Imtiaz AwanKeymasterHello,
Navigate to WoodMart > Header builder > edit current header > add the categories elements in the header and choose the categories menu.
Please follow this documentation:
https://xtemos.com/docs-topic/product-category-menu/To adding mega menu in the categories menu item follow this guide:
Please refer to these articles https://xtemos.com/docs-topic/create-mega-menu/
Best Regards
August 21, 2025 at 8:34 pm #681439
asadujjamanhira03Participantwhy the menu is always open ? and border radius on the upside ? where i can customize this ?
Attachments:
You must be logged in to view attached files.August 22, 2025 at 9:39 am #681497
Aizaz Imtiaz AwanKeymasterHello,
You can set the “Browse Category” menu to always open via the settings of the page (Dashboard -> Pages), At the bottom, find the “Page settings” area and turn on the “Open categories menu” option: https://prnt.sc/yzI3g9_6dyye
To make it rounded, navigate to Theme Settings > Styles and Colors and choose the rounding. This option will change the global site elements rounding. If you want to only make it rounded, try to add the following custom css code in Theme Settings > Custom CSS.
.menu-opener { border-top-left-radius: 10px !important; border-top-right-radius: 10px !important; }
Best Regards
August 26, 2025 at 11:37 am #682080
asadujjamanhira03Participantyeah i undrestand , but why it only rounding the top-left and top-right ? what happen to the bottom-left and bottom-right of the element ?its not rounding when i customisig from theme settings.
August 26, 2025 at 2:46 pm #682170
Aizaz Imtiaz AwanKeymasterHello,
In the case of the categories menu, the bottom part is flush with the dropdown, so it won’t visually apply bottom rounding. That’s why you only see the top corners rounded.
If you want to force the bottom corners as well, you’ll need to use this css code.
.menu-opener { border-radius: 10px !important; }
Best Regards,
August 29, 2025 at 12:43 pm #683143
asadujjamanhira03Participantits working but why this happen ? and the menu is lagging when open
August 29, 2025 at 2:50 pm #683200
Aizaz Imtiaz AwanKeymasterHello,
Sorry to hear about the inconvenience. Kindly, please share your Site WP-ADMIN Login details in the Private Content field so that we can check this concern on your Site and help you out accordingly.
Best Regards,
-
AuthorPosts
- You must be logged in to create new topics. Login / Register