One Page Menu Anchor

  • Hey There, I’m to the forum and am in desperate need to resolve this conflict.

    I’m trying to set up my theme to be a one page site with just three simple sections and cannot for the life of me figure out how to create a section anchor for the menu to point to. I’ve tried the typical html way and every time the menu is clicked it just refreshes the page. I contacted my theme support but all they gave me was , ” you will need some custom js for that”

    I’m not all too familiar with writing script so now I am stuck. This is the final piece to my site

    I do notice that they use a bach to the top anchor like so 

    <a id='back_to_top' href='#'>
				<span class='back_to_top_inner'>
					<span>&nbsp;</span>
				</span>

    This is my site

    warbach

    Thanks in adavnce

Viewing 3 replies - 1 through 3 (of 3 total)

  • Hello,

    So just for clarification, you are trying to put the home/splashpage, about us, our work, and contact all on a one page site that the user can scroll through, correct?

    When using an anchor, you should continue using the “href” part and link it to a section on the page. I would link it to a specific ID probably. For example, let’s say your “About Us” section has an id of “about” in it’s header…

    <h1 id="about">About Us</h1>

    Then in your menu, you could put an anchor tag that goes to the “about” id.

    <a href="#about">About Us</a>

    Anchor tags are written almost the exact same as hyperlinks, but they just link to a specific part of the page.

    Hope that helps and I hope I explained it right!

    Thread Starter brandonmike

    (@brandonmike)

    Thanks for your quick response, Well I tried implementing that into my Menu and it didn not work if you can see the About us Test link in the menu,

    In the menu link options it only allows for the URL, I’ve seen some people that have tried to use just the #about in the url and I tried that but to no avail.

    It just adds it the end of the web page

    Dear brandonmike,
    I see on your site, your issue is resolved now, and i am also looking for the same thing, can you tell me how did you do that on your website so that i can implement on mine too.. my site is https://www.studiogexperts.com/site5
    kindly reply

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘One Page Menu Anchor’ is closed to new replies.