Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • October 19, 2020 at 4:32 pm #1254075
    opvab

    Hi.

    I’ve created a one page site with menu option linking to different anchor sections.

    1. How do get the “menu active” to response to correct background when clicked?
    2. Could I also get the response when user scrolls and gets to the #anchor section on page?

    I use this to style the Active behaviour
    #top .header_color .current-menu-item a {
    background-color: #b28f81 !important;
    }

    Thanks
    OPVAB

    October 19, 2020 at 10:55 pm #1254166
    Jordan Shannon

    Hey opvab,

    I’m not quite sure what you’re trying to accomplish. Can you provide a link to the site/page in question so we can look into this issue further.

    Best regards,
    Jordan Shannon

    October 20, 2020 at 9:13 am #1254276
    opvab

    Hi.
    The site is for the moment not dns public. But perhaps if I attach print screen in Private content.
    This is the one page so far, with two menus: START and TEMA & STIL. As you can see there is a active background color
    under the option START.

    1. If user click on the menu TEMA & STIL, page would scroll down to that section and I would like this: background-color: #b28f81 !important; to be executed on menu TEMA & STIL.
    2. If user instead scroll down with “Scroll down arrow” to the section TEMA & STIL, I would like that the menu TEMA & STIL change background to background-color: #b28f81 !important;

    Hope this would clarify some.
    Thanks,
    OPVAB

    October 20, 2020 at 9:16 am #1254278
    opvab

    I see that you have accomplished what I’m looking for in this theme: https://kriesi.at/themes/enfold-one-page-portfolio/

    //
    OPVAB

    October 20, 2020 at 12:34 pm #1254336
    opvab

    Hi. You can close this, I figured it out.

    //
    OPVAB

  • Author
    Posts
Viewing 5 posts - 1 through 5 (of 5 total)
  • The topic ‘Menu link #anchor’ is closed to new replies.