Parallax Pro theme Menu Links to Homepage Widgets

[brennaclaire21]

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!

[Paul Johnson]

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.

[BarbWolfe]

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

[brennaclaire21]

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!

[Paul Johnson]

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