Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • September 28, 2017 at 10:44 pm #858225
    djabsolut

    Dear Enfold-Team,

    I got a main menu, where you can navigate through many different pages. One of the menu entry is formatted with a custom link. I use it with an internal anchor. This anchor refers to a certain section on my home page. So when you access the website, “Home” formatted as activ, which is correct. In addition the entry for the internal anchor is also in a different color (set as activ), because this anchor is on the same page. On the other subpages it is formatted normal, as inactiv until you click or hover on it.
    Is it possible to only format it as acitv, when you scrolled down to exact same spot? It should work exactly as the line below the menu entries. This starts at Home when you enter the site and switches to the internal anchor entry as soon as you scroll down to that section.

    I hope I explained it clearly :)

    Thanks in advance!
    Best
    Frederik

    September 29, 2017 at 3:57 am #858294
    John Torvik

    Hey djabsolut,

    To assist you with this issue, we’ll first need you to provide us with your URL. This is to ensure that we can provide you with a tailored answer to your situation. Once you have provided us with your URL, we will be happy to assist you with everything.

    Best regards,
    John Torvik

    September 29, 2017 at 5:37 pm #858547
    djabsolut
    This reply has been marked as private.
    October 2, 2017 at 5:26 am #859067
    Ismael

    Hi,

    Anchors are usually added as a sub menu item unless you’re creating a one-page website. If you want to disable the active state, please add the following css code.

    .header_color .main_menu ul:first-child > #menu-item-3430 > a {
    color: #888888;
}

.header_color .main_menu ul:first-child > #menu-item-3430 > a .avia-menu-fx {
    display: none;
}

.header_color .main_menu ul:first-child > #menu-item-3430.current-menu-item > a .avia-menu-fx {
    display: block;
}

.header_color .main_menu ul:first-child > #menu-item-3430.current-menu-item > a {
    color: #0b2f84;
}

    Best regards,
    Ismael

    October 2, 2017 at 6:22 pm #859315
    djabsolut

    works absolutely awesome. Thank you so much!

    October 2, 2017 at 11:57 pm #859441
    Nikko

    Hi,

    Glad that Ismael helped you. Let us know if you need more assistance :)

    Best regards,
    Nikko

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