Navigation
Archive / Menu buttons on one page website
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • March 2, 2017 at 5:27 pm #1392556
    darwinsm81
    Participant

    Hi,

    I am creating a one page website and have the menu linked to the segment by with anchor links. For some reason, the buttons on the menu are all highlighted instead of being highlighted when clicked at the segment.

    March 2, 2017 at 8:50 pm #1392823
    darwinsm81
    Participant

    Never mind on the request above. I was able to figure it out and it was because on the menu link section, I had the entire address “http://www.darwinlopez.com/#about” so i changed it to “#about” and the buttons stopped being hover but now I have a following question.

    Is there any way possible to highlight the button if they are over the corresponding segment.

    March 3, 2017 at 12:48 am #1392973
    Paul R
    Moderator

    Hi,

    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.

    For the mean time kindly review the link below.

    https://community.theme.co/kb/how-to-setup-one-page-navigation/

    Thanks

    March 6, 2017 at 9:58 pm #1397168
    darwinsm81
    Participant

    Hi,

    I did provide the website address – darwinlopez.com.

    Best,
    Darwin

    March 7, 2017 at 2:33 am #1397375
    Christopher
    Moderator

    Hi there,

    You should add at least two menus, one as primary menu and one as one page navigation. Note that primary menu and one navigation shouldn’t be the same. Inside one page navigation use relative URLs, e.g :#x-section-2
    To link primary menu items to one page navigation sections, use absolute URL, e.g :www.example.com/#x-sectcion-2

    Hope it helps.

  • Author
    Posts
  • <script> jQuery(function($){ $("#no-reply-1392556 .bbp-template-notice, .bbp-no-topic .bbp-template-notice").removeClass('bbp-template-notice'); }); </script>