Anchor Offset JS for multiple breakpoints

[uxmediahouse]

Hi, I saw this thread:

Anchor link offset

I’m trying to setup a few internal page anchor links and I can’t seem to get the content to sit below the menu bar once clicked. Under custom CSS I have - a.anchor { display: block; position: relative; top: -175px; visibility: hidden; } I’ve set the section class to ‘anchor’. I’m using IDs to do the jump which are functioning as intended I just can’t seem to get that padding to work. Any ideas? (please see the hidden note)

and the code works perfectly, but i would like to adjust the height for different breakpoints. Do you guys have a solution?

Thanks as always!

[ruenel]

Hello Andrew,

Thanks for writing in! Please be advised that custom coding is beyond the scope of our support already. If you are unfamiliar with code and resolving potential conflicts, you may select our One or Care service for further assistance. We are unable to provide support for customizations under our Support Policy.

By the way, if you need to detect the screen size to use it as your multiple breakpoints, you may need to check out this links:

• https://www.master-script.com/detect-screen-size-with-jquery-and-apply-a-css-style.html
• https://stackoverflow.com/questions/7306933/how-to-detect-window-size-and-then-do-something-with-jquery-switch-statement

Hope this helps.