• Skip to main content
  • Skip to forum navigation

StudioPress

  • Shop for Themes
  • My StudioPress

Forum navigation

  • Home
  • General Genesis Discussions
  • StudioPress Themes
  • Genesis Blocks
    • Genesis Blocks
    • Genesis Custom Blocks
  • Retired Themes
  • FAQs
  • Forum Rules
  • Internationalization and Translations
  • Forum Bugs and Suggestions
  • Forum Log In

Are You Using The WordPress Block Editor?

Genesis now offers plugins that help you build better sites faster with the WordPress block editor (Gutenberg). Try the feature-rich free versions of each plugin for yourself!

Genesis Blocks Genesis Custom Blocks

Horizontal TOC Page navigation

Welcome!

These forums are for general discussion on WordPress and Genesis. Official support for StudioPress themes is offered exclusively at My StudioPress. Responses in this forum are not guaranteed. Please note that this forum will require a new username, separate from the one used for My.StudioPress.

Log In
Register Lost Password

Community Forums › Forums › Archived Forums › General Discussion › Horizontal TOC Page navigation

This topic is: resolved

Tagged: page navigation

  • This topic has 6 replies, 2 voices, and was last updated 5 years, 7 months ago by Cutloose Adventure.
Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • August 30, 2020 at 11:23 pm #500856
    Cutloose Adventure
    Participant

    Hi Guys,
    Does anybody know a simple method to display page navigation across the top of a page i.e. like a TOC only displayed across the top after 1st paragraph, with anchors to heading within the page's text.

    Everybody's doing it, but I can't seem to find out how!
    Any tips, much appreciated.

    PS I use the ultimate blocks TOC for my normal posts.

    Thanks guys,
    Dave

    http://cutlooseadventure.com
    September 3, 2020 at 8:54 am #500904
    Brad Dalton
    Participant

    Do you have a example you can link to?


    Tutorials for StudioPress Themes.

    September 3, 2020 at 10:43 pm #500926
    Cutloose Adventure
    Participant

    Hi Brad,
    Thanks for getting back to me.
    I'm currently still building out a page document, so don't have a link as such but, I'm essential talking about a horizontal list of headers that link out to the individual headings within the text. I've since come across a blog by blog.hubspot.com on "How to Create a Link to Jump to a Specific Part of a Page" and although I haven't created that yet, I think that's probably the obvious solution and probably what everybody else is already doing.

    Thanks again, I'll update this thread when I have success, hopefully this weekend.

    September 3, 2020 at 10:45 pm #500927
    Brad Dalton
    Participant

    This may help https://www.w3schools.com/html/html_links_bookmarks.asp


    Tutorials for StudioPress Themes.

    September 3, 2020 at 10:57 pm #500928
    Cutloose Adventure
    Participant

    Many thanks Brad, this is exactly how "blog.hubspot.com" goes through the process, so I must be on the right track.

    Many thanks again for your time.

    September 10, 2020 at 5:58 am #501018
    Cutloose Adventure
    Participant

    All sorted! With the Gutenberg editor, anchor links are well described within WordPress. Brad's link above was also very useful.
    Thanks,

    October 18, 2020 at 5:18 am #501505
    Cutloose Adventure
    Participant

    Resolved!

  • Author
    Posts
Viewing 7 posts - 1 through 7 (of 7 total)
  • The topic ‘Horizontal TOC Page navigation’ is closed to new replies.

CTA

Ready to get started? Create a site or shop for themes.

Create a site with WP EngineShop for Themes

Footer

StudioPress

© 2026 WPEngine, Inc.

Products
  • Create a Site with WP Engine
  • Shop for Themes
  • Theme Features
  • Get Started
  • Showcase
Company
  • Brand Assets
  • Terms of Service
  • Accptable Usse Policy
  • Privacy Policy
  • Refund Policy
  • Contact Us
Community
  • Find Developers
  • Forums
  • Facebook Group
  • #GenesisWP
  • Showcase
Resources
  • StudioPress Blog
  • Help & Documentation
  • FAQs
  • Code Snippets
  • Affiliates
Connect
  • StudioPress Live
  • StudioPress FM
  • Facebook
  • Twitter
  • Dribbble