-
AuthorPosts
-
July 12, 2017 at 1:43 am #819742
Hi,
I am having issues with the anchor link working in the main menu on the homepage.
I created a section and gave it an ID and then created a custom link in the main menu with “www.mysite.com/#anchorLink” as the URL.
When I tried it out it didn’t jump to the section ID and then kept both the homepage link and second menu item highlighted.
Could you please help me with this?
July 12, 2017 at 7:09 am #819827Hey omiragroup,
Could you post a link to the site in question so that we can take a closer look please?
Best regards,
RikardJuly 12, 2017 at 8:59 pm #820215Hi Rikard,
Thanks for your response.I’ve included the information in Private Content.
July 13, 2017 at 7:36 am #820372Hi,
Thanks for that, though I can’t see any anchor links in your menu, where can we see the actual problem?
Also please consider updating to the latest version of the theme: http://kriesi.at/documentation/enfold/updating-your-theme-files/
Best regards,
RikardJuly 14, 2017 at 3:45 am #820921Hi Rikard,
Thanks for your response.
I’ve updated the theme and placed my menu item (Service Areas) in the main nav.
The anchor link seems to be working now but I noticed that the Home menu link and the Service Areas link are highlighted when either link is active.
Can you please tell me if there is a way to have them work independently?
July 16, 2017 at 3:07 am #821892Hi,
Sorry that is how the anchor works, it will detect if there is a hash in the URL and if it matches with a menu item it will highlight it. You can disable the highlight state entirely by opening js/avia.js and look for line 256:applyClass: 'current-menu-item'
Replace it by:
applyClass: ''
Best regards,
MikeJuly 25, 2017 at 3:34 am #829322Thanks for your response.
I have gone ahead and removed the ”current-menu-item” from the avia.js file and still have the menu items being shown active.
Could you please tell me how else I could disable it?
July 28, 2017 at 6:46 am #830908Hi,
Did you remove the browser cache or hard refresh after the modification? You’re probably looking at a cached version of the page.
Best regards,
IsmaelAugust 3, 2017 at 2:57 pm #833909Hi,
Yes I had cleared my brwoser cache and am seeing the “current_page_item” class associated with the active link.Do I have to remove that as well as the “‘current-menu-item'” class?
August 8, 2017 at 8:38 pm #836044Hi,
Yes please, do that also.
Sorry not been clear.Best regards,
BasilisAugust 15, 2017 at 4:40 am #839051Hi,
I removed the “current-menu-item” and “current_page_item” classes from the avia.js file and am still seeing the menu items active.
Is there something that Im missing?
Thanks
August 18, 2017 at 6:11 am #840745Hi,
Please remove the js modification then add this in the Quick CSS field.
.header_color .main_menu ul:first-child > li.current-menu-item > a, .header_color .main_menu ul:first-child > li.current_page_item > a { color: #333333; } .header_color .main_menu ul:first-child > li.current-menu-item > a, .header_color .main_menu ul:first-child > li.current_menu_item > a { color: #719430; }
Best regards,
IsmaelJanuary 3, 2018 at 10:26 pm #892928Hi there
I have the same problem. I have 1 site with a few anchor’s. The main menu contains all these individual links.
If i click on an item in the main menu it scrolls correctly to the anchor. But unfortunately there is another link coloured as actual one…
Hmmm…
I’ve added to CSS section following code:.current-menu-item span.avia-menu-text {
color: #6daac9;}Do you know a solution?
Best regards, salome.January 4, 2018 at 7:23 am #893133 -
AuthorPosts
- You must be logged in to reply to this topic.