Home Forums WoodMart support forum How to enable drop-down on hover for menu section

How to enable drop-down on hover for menu section

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #150339

    36styles
    Participant

    In one of your demos, the one pictured in the screenshot, how do I set the “Browse Categories” section to drop-down on hover? By default, it is already dropped down and can not be closed when I use this same header. I would really appreciate your help with this. Thank you.

    Attachments:
    You must be logged in to view attached files.
    #150463

    Hello,

    I got your point that you do not want to display the categories menu by default in home page.

    And you want to hide the drop down and want to display it back when someone hover over it.

    This functionality is already provided in Header Retail.You can use the header retail for this purpose from the Woodmart >> Header builder.

    In case you do not have that header then you have to first setup that demo from the WoodMart >> Base Import >> Demo Versions.

    Best Regards.

    #150498

    36styles
    Participant

    I do not want to risk messing up my website or theme settings for this one function. I currently have:

    default header layout
    header base
    header overlap
    header track order overlap
    header fashion
    header basic

    Is there another way to get this function? I did see this,
    WARNING: it may change your Theme Settings.

    Thank you.

    #150584

    Hello,

    If you do not want to import the retail demo for getting its header as its risky for you that it might change some setting options.

    You can simply import the retail header only. From the WoodMart >> Header Builder >> Import as in the screenshot: https://jmp.sh/2m7Csta

    After clicking import option you have to paste the json file code in the box and hit the Import button: https://jmp.sh/Cl44C1C

    You will find the retail header json file from wp-content\themes\woodmart\inc\dummy-content\retail >> header-1.json. Just open the file and copy the code and paste it as I described above.

    After doing this your header will imported now you set this header as your default header by following the below documentation: https://xtemos.com/docs/woodmart/header-builder/set-default-header-website/

    Best Regards.

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