Home › Forums › Basel support forum › How to add custom link with JS on header menu under dropdown?

How to add custom link with JS on header menu under dropdown?

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • March 24, 2020 at 10:27 am #181916

    Optilink
    Participant

    Hi

    I am trying to add an html/JS button in the header menu under one of the dropdowns but whenever I click on the relevant link, it just refreshes the home page instead of opening the pop up it’s supposed to.

    I want to add this within the dropdown as indicated in the image attached.

    Can’t I use the WoodMart header builder on Basel?

    I would appreciate your help!

    Thanks

    Attachments:
    You must be logged in to view attached files.
    March 24, 2020 at 2:33 pm #182021

    Elise Noromit
    Member

    Hello,

    You just add a custom link and insert your URL inside, then you need to add two custom links as sub-menu items to this first custom link. You will get your custom links with the drop-down without any additional JS. Then if you need help, contact I will help to customize the styles.

    Check Creating Multi-level Menus here https://codex.wordpress.org/WordPress_Menu_User_Guide

    Best Regards

    March 24, 2020 at 3:56 pm #182036

    Optilink
    Participant

    Hi Elise

    Thank you for the prompt response.

    Sorry I should have said that the code we have comes from a third party and it’s the pop up of their widget that we wish to include on our site, that’s why we need to input the JS somewhere.

    Thanks

    March 24, 2020 at 6:34 pm #182068

    Optilink
    Participant

    See full code below.

    March 24, 2020 at 6:35 pm #182069

    Optilink
    Participant

    Sorry I am trying to copy and paste the entire code but it won’t allow me.

    March 24, 2020 at 9:17 pm #182087

    Elise Noromit
    Member

    Hello,

    What should happen when a user clicks ORDER NOW?

    Best Regards

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)