Public Forums 71,145 posts

[bobptz Friend bobptzJoin date: November 2016Posts: 178Downloads:8Uploads:19 Thanks: 1 Thanked: 1 times in 1 posts]

#1006565

Hi

In page1 I have this code that links to a specific spot of page2:
<a href="some-page.html#myspot">some anchor text

This is in page2:
<div id="myspot" …..

The link works. However the problem is that the top of page2 is covered by the fixed menu. So the exact place I want to show is hidden.

I am already looking at solutions like this:
http://stackoverflow.com/questions/10732690/offsetting-an-html-anchor-to-adjust-for-fixed-header

However I am wondering if you have an easier fix, specific for purity or joomla.

[Pankaj Sharma Moderator Pankaj SharmaJoin date: February 2015Posts: 24589Downloads:144Uploads:202 Thanks: 127 Thanked: 4196 times in 4019 posts]

#1006661

Hi
No, you either you have to remove the sticky effect or You have to apply custom style code on the anchor classes as shared in your link to apply some padding/margin.
Regards

[bobptz Friend bobptzJoin date: November 2016Posts: 178Downloads:8Uploads:19 Thanks: 1 Thanked: 1 times in 1 posts]

#1006663

Thanks

I already did and it works just fine.

Here is the code I added in custom.css:

div.anchor {
    display: block;
    position: relative;
    top: -100px;
    visibility: hidden;
}

[Author]

Posts