Archived topic
content padding top changes for different screen resolutions
5 replies · Started by Torsten on August 28, 2018
Hi,
I tried to follow the advices in https://generatepress.com/forums/topic/adding-anchor-tags/#post-661262, unfortunately the anchor points ain’t responsive, therefore on different screen resolutions the anchor points don’t relate to the header image.
Is there a way to set a top padding so the anchors will always stay just below the header image?
thx ahead,
Torsten
Your anchor names don't match the IDs of the sections you're using.
For example, you have #section_4, but it should be #generate-section-4.
You can add your own custom IDs into your sections if you want to change those.
cool,
my (very) bad, I tried to set the responding anchor code inside the text.
As you can see now, because I'm using a header image/logo, the anchor points are related to the top of the page, behind the logo.
Of course they should just be below the image plus the padding I've set.
e.a. if clicking "KUNDEN" it should look as in this → screen shot, regardless the screen resolution.
Thx in advance,
Torsten
That might be very difficult to achieve. If the smooth scroll plugin you're using has an "offset" option, you should be able to use that.
for those interested, the PlugIn is "page scroll to id" by malihu.
Thx Tom!
No problem! :)
