Docs

[wnhorne246]

Good morning all,

I have a question regarding the Scroll Bottom Anchor target. On my home page at http://dev.emilycolin.com, I have the Scroll Bottom Anchor engaged. The only issue is, I have a YouTube video above the Masthead. When you use the anchor, it takes you all the way to that video above the Masthead, instead of to the menu. This is not an issue on my other pages as this page is the only one like this. It just makes for a poor user experience to have to scroll back down to get back to the menu.

Can it be configured so this anchor scrolls to the menu instead of the video?

Thanks for your time on this.

[Paul R]

Hi,

Thanks for writing in!

Upon checking, it seems to be working fine on my end.

See Video – http://screencast.com/t/oKkW6tyR

Can you try clearing your browser cache then check again.

Thanks

[wnhorne246]

No, I’m talking about the anchor that appears as you scroll down the page on the bottom right hand side. This is meant to take you back to the top of the page, and it does. The only thing that I don’t like about it is, it takes you back to the video above the Masthead. I would rather it just take you back to the menu flush to the top of the page and not past the Masthead.

Please see a screenshot of my settings in the Footer section of the customizer. I saw nothing that could allow this but I may be missing something.

Thanks,

[Nabeel A]

Hi again,

Try adding the following jQuery script in your Customizer via Appearance > Customize > Custom > Edit Global Javascript

jQuery( document).ready( function($) {
	$('.home .site').removeAttr('id');
	$('.home .x-main').attr('id', 'top');	
});

Don’t forget to clear your browser’s cache after adding the code. Let us know how this goes!

[wnhorne246]

Perfect! I even love how it scrolls all the way to the top of the video, and then back down to the menu. Weeeeeeeeee.

Thanks

[Jade]

You’re most welcome. 🙂

[Author]

Posts