• 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

Modern Portfolio Scrolling Menu

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 › Design Tips and Tricks › Modern Portfolio Scrolling Menu

This topic is: not resolved

Tagged: modern portfolio

  • This topic has 2 replies, 2 voices, and was last updated 13 years, 2 months ago by danielshaw.
Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • February 21, 2013 at 10:19 am #21981
    Leann
    Member

    I have set up a custom menu as instructed in the tutorial.

    formatted custom links in menu: http://leannwarren.com/#about, http://leannwarren.com/#portfolio, etc.
    Checked the Advanced menu options to allow CSS Classes
    Added the menu as a Custom Menu widget in the Header Right sidebar
    Added the following widgets in the sidebars: About - Text Widget , Portfolio - Genesis Featured Posts, Services - Text Widget

    When I click on the Menu links instead of getting a nice smooth scroll like the demo, it "thinks" for a couple of seconds and then abruptly jumps down to the appropriate section.

    I'm probably missing something obvious but I can't figure out what it is.  Am I supposed to put some value in the CSS Classes box for each menu item?

    Any help greatly appreciated.

    Thanks,

    Leann

     

    February 26, 2013 at 12:12 am #22848
    Leann
    Member

    In case anyone is wondering, the solution is formatting your custom menu links like this:

    /#about
    /#portfolio
    /#services

    At least that's how I got mine to work. In the mean time, I've decided to not implement it with the scrolling links but rather to link to individual pages.  But if you want to go with how the demo is set up, this should work.

     

    March 14, 2013 at 11:33 pm #26999
    danielshaw
    Member

    Same problem here, everything set up as above, but no scrolling without a delay and jump....

  • Author
    Posts
Viewing 3 posts - 1 through 3 (of 3 total)
  • The forum ‘Design Tips and Tricks’ is closed to new topics and 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