Anchor Link - Top Margin? - Question | JoomShaper

Anchor Link - Top Margin?

J

Josef

SP Page Builder 1 year ago

Is there a way to set the top margin of an anchor link for a row in the latest version of Helix Ultimate and SPPB?

I have a sticky header and would like to stop the new row below the sticky header. Unfortunately, inserting an ‘invisible row’ does not look good in the result, the space between the columns is too large.

I have tried the following code in customs.css and entered it in the ‘css class’ field, unfortunately without success.

/ Klasse für Anker-Links mit oberem Rand / .anchor-link { scroll-margin-top: 50px; }

entry in field css.class = .anchor-link but it was ignore

0
5 Answers
Pavel
Pavel
Accepted Answer
1 year ago #170983

class = .anchor-link

Hi.

This is not right. You need to add just a class name, without any additional characters.

Only anchor-link.

But the use of an empty section (invisible row) is excessive and not flexibly. Just add RAW HTML addon where you need and insert an anchor element into it.

<div id="YOUR_ANCHOR" class="anchor-link"></div>

And it's better to use padding in your CSS.

https://developer.mozilla.org/en-US/docs/Web/CSS/scroll-padding-top

Or you can set Y position of RAW HTML addon with a negative value in each breakpoint (Advanced Tab) instead of using CSS

0
Rashida Rahman
Rashida Rahman
Accepted Answer
Support Agent 1 year ago #170992

Hi Josef,

Thanks for reaching out.

Yes, the scroll padding should be the best solution. Did you try that? Please let us know.

Best Regards

0
Rashida Rahman
Rashida Rahman
Accepted Answer
Support Agent 1 year ago #171279

Hello Josef,

We are waiting for your response:)

Thanks!

0
J
Josef
Accepted Answer
1 year ago #171298

Hi,

I had hoped for a more specific response style, but after some searching, I managed to implement the suggestion. It's not running exactly as I want it to yet, but you can close the ticket.

kind regards Josef

0
Rashida Rahman
Rashida Rahman
Accepted Answer
Support Agent 1 year ago #171690

Hi Josef,

Thanks for sharing your experience with us.

You may accept the most useful answer in order to close the post:) You will find accept button at the bottom of each reply.

Best Regards

0