I'm having a few problems with the menu on my website. Two, actually.
FIRST PROBLEM: the anchor links. At first I set them with just # in the menu settings, as explained in your video.
However, I noticed that, when I was on a page different from the homepage, the anchor links didn't work anymore. When I clicked on a menu item, it would just bring me back to the top of the homepage, that's it.
I followed the three steps (including writing the full URL, not just #. So something like this: https://agence-hetcetera.com/#agence), but it didn't work.
So my question is: when on a different page, how can I make the menu work properly, so that when I click on one of the menu items, it doesn't just bring me back to the top of the homepage... but to the accurate section?
PS 1: don't pay attention to the "Contact" menu item, which isn't linked to anything yet.
PS 2: for the moment I reactivated Fade Out On Click.
SECOND PROBLEM: the menu items' color/overlay.
While all of the 4 items are set the same way (as far as I know, at least), for some reason, some of them look hovered permanently.
See the attached screenshot. You can see that the "Works" and "Contact" items are already hovered, while they should look like the "Agence" and "Offres" items.
Hey everyone,
I'm having a few problems with the menu on my website. Two, actually.
FIRST PROBLEM: the anchor links. At first I set them with just # in the menu settings, as explained in your video.
However, I noticed that, when I was on a page different from the homepage, the anchor links didn't work anymore. When I clicked on a menu item, it would just bring me back to the top of the homepage, that's it.
Then, I saw that you wrote something about it here: https://themenectar.ticksy.com/article/6266
I followed the three steps (including writing the full URL, not just #. So something like this: https://agence-hetcetera.com/#agence), but it didn't work.
So my question is: when on a different page, how can I make the menu work properly, so that when I click on one of the menu items, it doesn't just bring me back to the top of the homepage... but to the accurate section?
PS 1: don't pay attention to the "Contact" menu item, which isn't linked to anything yet.
PS 2: for the moment I reactivated Fade Out On Click.
SECOND PROBLEM: the menu items' color/overlay.
While all of the 4 items are set the same way (as far as I know, at least), for some reason, some of them look hovered permanently.
See the attached screenshot. You can see that the "Works" and "Contact" items are already hovered, while they should look like the "Agence" and "Offres" items.
Do you have any idea why?
Thanks a lot!
Best.
Hey Again,
- You need to remove the Box Roll Header on the Homepage as that does not move the page when a anchored link is clicked from another page.
- You need to add a Menu for the Top Row so the other menus are not highlighted on the Homepage.
Best
ThemeNectar Support Team
Thanks for your answers Tahir, I really appreciate your help on my (many) questions :)
- About the box roll, I really like this effect. So, instead of removing it, is it possible to hide the menu on every pages except for the homepage?
- I'm not quite sure to understand. Isn't it a menu already?
Thanks.
PS: in the meantime, I removed the padding CSS line, so that the shapes are back to normal :)