Page scrolling won't lineup correctly

I can’t seem to get the menu on my website to scroll properly. The navigation is setup with customized menu links and #ps-1 through #ps-6 in the URL’s. Also set the CSS Class to ps2id. I tried to use the offset function in the Page scroll to ID plugin but it doesn’t do anything.
Any help would be appreciated.
Website: bodaciouslabs.com

Hi there

Hope you are having a good day and thank you for your question :slight_smile:
Are you talking about section titles is hiding under menu navigation bar once scrolled to the page section?

Thanks!
Colorlib Support Team

Yes, I am.

hey there
Please add this CSS in appearance - customize - additional CSS

section, footer {
padding-top: 140px;
}

Thanks!
Colorlib Support Team

Noda, thank you. The fix worked for most of the navigation links except for “Our Mission” with the small background & “Gallery” where I used the NextGEN Gallery plugin. Would you have any ideas?

HI

Yep, here is it, copy/paste this code in the same place:

#shapely_home_parallax-15 h1 {
padding-top: 60px;
}

Thanks Noda. That worked.

Hello there,

I am glad the solution worked for you.
Please feel free to contact us again in the future regarding any other issues.

Best Regards,
Support

Hello there,

I am glad the solution worked for you.
Please feel free to contact us again in the future regarding any other issues.

Best Regards,
Support