Content is hidden by sticky header when using anchor links

rezamgm · January 2016

Hi,

I am using an Infobox with an anchor link to link to another segment in my page.

The problem is that since I am using a sticky header some of my segment (the top part) is blocked by the sticky menu and header.

Is there a simple solution for creating an offset for my anchor link?

Thank you in advance.

Albert · February 2016

Hi,

please show us on screenshot what you mean exactly and also provide the link to site where this happens.

rezamgm · February 2016

Hi,

This is the page where it happens:

http://vishka.com/EN/wp-admin/post.php?post=2321&action=edit

The site is not live yet so you will need credentials which I have provided privately.

When I click on the icon box labeled Ideation the page scrolls to the Ideation segment but the sticky header covers part of the segment (upper top, about 115 pixels).

In the first image you can see the full segment:

Full segment image

In the second image you can see the top of the segment cut by the sticky header:

Segment cut by sticky header

I was wondering if there is an easy way of creating an offset ( for example 110 pixels) so that the scroll would stop lower than the anchor.

I hope I have been able to clear things up.

Take care

mdarche · April 2016

Hey there. Was a solution ever suggested for this error? I'm having the same issue.

Albert · April 2016

@mdarche Would be great if you can send us link to your site and tell us where the problem exist.

bynet2906 · April 2016

Hi,

I'm currently experiencing this same issue. The offset option would definatly fix it. Or if you can point me in the right direction of the .js file I can try and put in the offset myself.

I've found a number of topics regardings this issue on the forum, but none of them has a clear solution.

Thanks in advance

Albert · April 2016

@bynet2906 Would be great if you can provide is link to page where you got it so we can have a look on it.

tossn · October 2016

Same problem here.
@rezamgm @mdarche @bynet2906 How did you fix it?

Albert · October 2016

@tossn If you send us link to page where you have this problem, we will have a look on it.

denisedesign · December 2016

Same problem. Site is in construction mode. I'll need to send credentials. How can I send a private message?

Albert · December 2016

@denisedesign You can send us private message thru contact form on the right at https://themeforest.net/user/muffingroup#contact

invidpromo · March 2017

We have the same problem. We have already sent the login data via private message.

Content is hidden by sticky header when using anchor links

Comments