How to make a link hover when it is to a section on the same page

  • Resolved ragus73

    (@ragus73)


    6 years, 2 months ago

    Hello,
    I am trying to make a link on my menu bar hover, but it only works when directed toward other physical pages. I have a few links to sections in my website. What do I need to add to the https:// link address in order to make them hover?

    example: https://www.example.com/#contact

    Thanks
    -Josh

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

  • A link doesn’t hover, but a mouse does.
    What exactly are you wanting?

    Thread Starter ragus73

    (@ragus73)

    The menu has a styling that changes the background of the links when the mouse moves across them. I have 2 links that are anchor links, pointing to 2 sections on the home page: #contact, and #subscribe. When I move my mouse across those links while on the home page, I guess they are considered “active” and thus there is no effect, just as there is no effect on the link for “home.” This breaks with the continuity of the menu, where I would hope that each link would have the same effect when the mouse moves over it.

    If those links are in your menu, the styling is up to the theme, so you need to be asking this on your theme’s support forum. If the links are just in the page, not the menu, then you would need to look up the theme’s menu styling and put it in Additional CSS so it would apply to those links. This could still be asked in the theme’s support forum.

    Thread Starter ragus73

    (@ragus73)

    I made two menus, and two header themes. I set the menu for the home page on the header theme for the home page only, and the menu for the other pages on the header theme for the other pages only. It works perfectly now.

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘How to make a link hover when it is to a section on the same page’ is closed to new replies.