Home Forums WoodMart support forum Sir how can i create this type of menu ?

Sir how can i create this type of menu ?

Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • #680378

    asadujjamanhira03
    Participant

    in 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.
    #680543

    Hello,

    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

    #681439

    asadujjamanhira03
    Participant

    why 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.
    #681497

    Hello,

    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

    #682080

    asadujjamanhira03
    Participant

    yeah 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.

    #682170

    Hello,

    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,

    #683143

    asadujjamanhira03
    Participant

    its working but why this happen ? and the menu is lagging when open

    #683200

    Hello,

    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,

Viewing 8 posts - 1 through 8 (of 8 total)