One page navigation | nav links staying active at all times

Support
#1

I am trying to do a one page navigation site, although the links in the nav bar stay on hover always. Please see screenshot.

www.delapaz.com.au

Cheers

#2

Hi There,

As you have a mixed menu between one page navigation and other page(contact)

You need to create two different menus on Appereance > Menus

1- The menu you already have, with absolute links

http://delapaz.com.au/#testi

This menu you will assign as your main menu.

2- You will create a menu with relative links, instead the full URL just the #ids

so Instead of : http://delapaz.com.au/#testi

You will use just: #testi

Once you have created this menu, visit your home page, click edit page, and WP classic backend editor find ONE PAGE NAVIGATION and select this menu.

Hope it helps

#3

That worked!

Thanks for your help :slight_smile:

#4

On behalf of my colleague, you’re welcome. Cheers! :slight_smile:

#5

Hi there,

Just coming back to this.

I have made another page ‘contact’ which is not part of the one page navigation.

When I am on the contact page and I click on one of the other links it fails to direct me to the other page giving me this url http://delapaz.com.au/contact/#patents

Is there a way to fix this so I can get back to the other page from the contact page?

www.delapaz.com.au

#6

Hi,

You need to add http to all your links.

Please change

<a href="www.delapaz.com/#patents" style="outline: none;">Patents</a>

to

<a href="http://www.delapaz.com/#patents" style="outline: none;">Patents</a>

Hope this helps

#7

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.