This topic has 7 replies, 2 voices, and was last updated 3 years, 11 months ago by Lea (Support Admin).

Using #ID loads behind header

jjsararas April 19, 2017 at 7:53 pm

I’d like to use ID selectors on content blocks, so I can jump directly to that content on an interior page. The problem is, the subtitle element I’m using the ID on loads behind the sticky header. If I turn sticky header off, the subtitle is then visible when the page loads. But I really like the sticky header and don’t want to turn it off. Is there any way you could suggest to make the positioning of the ID load below the sticky menu instead of behind it?

jjsararas April 19, 2017 at 7:54 pm

This reply has been marked as private.

jjsararas April 20, 2017 at 12:29 pm

This reply has been marked as private.

Lea (Support Admin) April 20, 2017 at 3:24 pm

@jjsararas

Yes I see what you mean.

The theme is coded to use a 66px offset when scrolling down to an anchor.

This is to take into consideration the section padding.

Otherwise the titles are hidden when you click to an anchor.

So you can fix this by adding a 66px top padding to your title.

jjsararas April 20, 2017 at 3:28 pm

Hmm, I did try adding padding to the title, but it kept loading exactly the same. I’ll go through it again. Thanks

Lea (Support Admin) April 20, 2017 at 3:44 pm

Make sure you add the padding to the same div which has the ID (features-security).

I tested it with Firebug and it seems to work.

jjsararas April 20, 2017 at 7:03 pm

Works, my math was off. Thanks a lot!

Lea (Support Admin) April 21, 2017 at 3:43 pm

Excellent, glad to hear that.

You must be logged in to reply to this topic.