• 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

Parallax Pro theme Menu Links to Homepage Widgets

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 › Parallax Pro theme Menu Links to Homepage Widgets

This topic is: not resolved

Tagged: Homepage Widgets, menu, parallax-pro

  • This topic has 4 replies, 3 voices, and was last updated 9 years, 9 months ago by Paul Johnson.
Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • August 13, 2015 at 2:58 pm #162300
    brennaclaire21
    Member

    Is there a way to create custom menu links that jump to a homepage widget? I know this is possible in the Altitude Pro theme by creating a custom link menu item following this pattern: http://your-domain.com/#front-page-2

    How would I do this in Parallax?

    Thanks!

    August 16, 2015 at 3:34 am #162495
    Paul Johnson
    Member

    Looks like the sections don't have ids like "front-page-2" that you can use. But the widgets have ids - if you look at the source of the Parallax demo page you'll find this sort of pattern:

    <div class="home-even home-section-2 widget-area"><div class="wrap"><section id="text-5" class="widget widget_text">

    I would have thought using a custom link that targets that id should work - http://your-domain.com/#text-5. The id may be different on your theme depending on how you've set up the widgets.

    Hope that helps.

    August 17, 2015 at 3:31 pm #162666
    BarbWolfe
    Member

    Thanks so much Paul! That worked for the navigation from the navigation bar to the sections but not from one section to the next. Any ideas why that would be different?
    Barb

    August 17, 2015 at 5:56 pm #162683
    brennaclaire21
    Member

    Yay! That worked! Any idea of why it would jump far down into the section. Here's my URL: http://www.rewritethegirlcode.com

    You'll see that the "Learn More" button in the first homepage section is supposed to direct you to the section below, but it jumps too far and scrolls past some of the content... mhmmm!

    Any thoughts are appreciated! Thanks!

    August 18, 2015 at 6:18 am #162724
    Paul Johnson
    Member

    Glad it worked - to the extent it did! The reason for the position being off is because the id/anchor is scrolling to the top of the page, but the sections have padding that appears above the text widgets. Also the fixed menu is displaying over the top of it.

    You could counteract this with some CSS like this:

    #text-5,
    #second-anchor,
    #third-anchor {
       border-top: 260px solid transparent;
       margin-top: -260px;
    }

    I think that would work on the demo, which has 190px top padding on the sections and 70px menu. You may have to experiment with the values for your setup, and maybe have different settings for different sections - just keep the two values the same so the transparent border and negative margin cancel each other out and nothing is actually displayed.

    This also assumes there's no existing border or margin that's going to be messed up by doing this, if there is you'll have to experiment with the values. It does seem to be getting a bit complicated, doesn't it?

    BarbWolfe - can you point out where the problem is? The 'About Us' button in the first section seems to go to the same place as the menu item.

    brennaclaire21 - all I see is a 'Coming Soon' page!

  • Author
    Posts
Viewing 5 posts - 1 through 5 (of 5 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

© 2025 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