Anchor jumps under menu on one page website

[wicara]

Hello I have an anchor that is going under the menu and just below the topbar is there a way to tell theme x to add an extra amount of space without physically adding it to the page ?

to clarify here is the situation id on the section one page menu to the id and the content is hidden under the menu when clicked.

[rad]

Hi @wicara,

Thanks for reaching out.

May I know which site’s you’re currently referring? But to answer your question, it’s not possible since it’s calculated by javascript. Adding height is the workaround since it will push the content while the menu is floating.

Thanks!

[wicara]

http://gourleymusic.com.au/piano-services/

[ruenel]

Hello There,

Thanks for providing the url of the page. You are having this issue because you have this custom css:

.masthead.masthead-inline {
    position: fixed;
    z-index: 999;
    width: 100%;
    top: 0px;
    background: transparent;
}

Please remove this code and you will see a difference. By the way, this is not the correct way if you want to have the topbar stay fixed in the header when you scroll the page. You might want to check out this thread if you’d like a fixed topbar: https://theme.co/apex/forum/t/how-can-i-fix-the-topbar-during-scrolling/6319/2, https://theme.co/apex/forum/t/fix-top-bar/23002/12

Hope this helps.