Viewing 14 posts - 1 through 14 (of 14 total)
  • Author
    Posts
  • #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?

    #819827

    Hey omiragroup,

    Could you post a link to the site in question so that we can take a closer look please?

    Best regards,
    Rikard

    #820215

    Hi Rikard,
    Thanks for your response.

    I’ve included the information in Private Content.

    #820372

    Hi,

    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,
    Rikard

    #820921

    Hi 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?

    #821892

    Hi,
    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,
    Mike

    #829322

    Thanks 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?

    #830908

    Hi,

    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,
    Ismael

    #833909

    Hi,
    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?

    #836044

    Hi,

    Yes please, do that also.
    Sorry not been clear.

    Best regards,
    Basilis

    #839051

    Hi,

    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

    #840745

    Hi,

    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,
    Ismael

    #892928

    Hi 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.

    #893133

    Hi,

    Please provide a link to the site so that we can inspect it. If possible, please create a new thread or post.

    Best regards,
    Ismael

Viewing 14 posts - 1 through 14 (of 14 total)
  • You must be logged in to reply to this topic.