anchor link, covered by sticky header

denisedesign · June 2017

Hello. Is there a way that you'd suggest using an anchor link to a page's section without loosing the top of that section to the sticky header? It covers the top of the section. This section immediately follows a full page slider, so there's not a point slightly higher that I can nestle an anchor. Please let me know.

Bryan · June 2017

Hello,
You just have to edit the page, and under page option select the one-page option.
Like so: http://prntscr.com/fkffwf
thanks

denisedesign · June 2017

This didn't make a difference. It does change the layout of my slider a bit, but when I click to the anchor link the top of the section is under the semi-transparent sticky header.

Albert · June 2017

Please send us link to page where it does not work then + also screenshot of what exactly does not work.

denisedesign · June 2017

The site is not live. You can see a screen capture video of the issue. It's not "broken" it's just that the sticky header covers the top of the section that is linked.

Here's the screen capture of the issue:
https://dl.dropboxusercontent.com/u/16843798/anchor-link.mp4

Bryan · June 2017

Did you add the class scroll to the button?

Do you have the latest version of betheme?

denisedesign · June 2017

The link is to #intro. The section name is "intro". As you can see, the link scrolls to the section, but the top of the section is under the navigation bar.

I've tried this on a one-page and not as a one-page and the same problem exists.

When you say "...class scroll to the button" I don't know what that means. Can you explain in more detail? Will this solve my issue?

Bryan · June 2017

Please send a link to your website.

The scroll class must be added to the button.

class="scroll"

denisedesign · June 2017

http://medullastudio.com - I have written to layerslider support to learn how to add a class to a link in the slider panel. If you have any advice, I'd much appreciate.

Bryan · July 2017

you can add a class and other attributes in LS,

see: http://prntscr.com/fqf4ko

denisedesign · July 2017

I've added the class "scroll" to to the link, to my section #intro. The navigation still covers the top of that section. Any other ideas?

Bryan · July 2017

It probably does not scroll more down because this is the end of the content for him. Try adding come more content below and see if it scrolls more.

denisedesign · July 2017

It's scrolling too far down, not the other way around.

Bryan · July 2017

Ok it is probably that you have an old version of betheme. please update to the newest version, this was fixed. And edit the main page to select the one-page setting in page options.

thanks

anchor link, covered by sticky header

Comments