Pique theme: Add Home to Anchor navigation
-
I’m using Pique theme, using anchor navigation & “page” panels for a single page scrolling site.
I want to add “Home” in the navigation that links to the static front page, which is the first thing you see when the site loads.
When I assign the Home content to Panel 1, it duplicates the home page – it’s shown as the static front page, and then again as the first panel immediately below it.
Is there a way to add Home to the anchor navigation that essentially just takes you back to the top of the site without duplicating the actual Home page?
I suppose I could create an empty page as the static front page and use CSS to display: none and then maybe I can achieve what I want but wanted to see if there is a native way to do what I’m looking for.
This theme is different from others in that you don’t update the menu for this style in Appearance > Menus. Rather, you have to go to Appearance > Customize > Theme Options > Menu Settings, where the only option to achieve the single page site is “Add an anchor menu to the front page.”
Thanks in advance for any help anyone can provide. We are using the WordPress Premium package if that is important to know…
The blog I need help with is: (visible only to logged in users)
-
For some reason the forum posted the URL to an old wordpress site I don’t use anymore, not the one I need help with. The site I need help with is set to private by request of my client so I can’t have anyone look at it directly at the moment.
-
Actually, I just updated lizlantzphoto.wordpress.com for example purposes in case anyone can help me out and needs to see what I’m talking about.
-
Hi there! The menu the theme makes automatically adds the Home link as it’s currently functioning on your example site. To have the “home” link load the full site (all the way up to the header/title), rather than pop back up to the “home” panel right below, you could turn off the automated menu and use a Custom Menu instead.
To try that option out, follow these steps:
– Go to Customize > Theme Options > Menu Settings.
– Then un-check “Add an anchor menu to the front page.”
– While in Customize, go to Menus and create a new menu.
– Under Menu Locations make sure to check the “Primary Menu” box to set it to appear in the menu area at the top of your site.
– Then add a Custom Link for each link/panel you want linked from the menu and save.On your test site, the following links will work for each one you currently have in your (automated) menu:
Home panel: https://lizlantzphoto.wordpress.com/#post-5
Second: https://lizlantzphoto.wordpress.com/#post-7
Third: https://lizlantzphoto.wordpress.com/#post-10
About: https://lizlantzphoto.wordpress.com/#post-2For the home link that goes to the very top, you would add the site’s address: lizlantzphoto.wordpress.com/
The key is using Custom Link (not Page) when adding them to the menu, and these URLs so that they work for the panels on the front page, rather than loading each individual separate page outside of the panels.
Is that functioning how your client would prefer now? (Or let me know if I’ve misunderstood what you’re wanting to do and I’ll try again. ;)
-
Hi Sarah,
That almost did the trick – however, when I go with that approach, it loses the smooth scroll. It looks like the DOM changes from nav>ul to nav>div.menu-in-page-custom-anchor-menu-container>ul when you add the custom menu so that must be causing it lose the functionality that gives it that smooth scroll.If you know a way to achieve the menu you described but keep that smooth scroll functionality, that’d be great! It does not appear I can add my own javascript (seems to get stripped out) but maybe there’s a place don’t know about where I can do that. I’ll research while I wait to hear back from you.
Thanks for your help,
Liz -
Ah, good point. Hmm… I’ll check for some other options and see what we can figure out. Will update you here!
- The topic ‘Pique theme: Add Home to Anchor navigation’ is closed to new replies.
WordPress.com Forums 