Anchor links not alingning

In each of my sections I added an ID so I could click on a button in the lower right side of the page and move up and down the page by section. because I have a transparent header I needed to move my images up by 6em. now when I click on my buttons all the sections below the first section is off by 6em.

http://watergroup.wpengine.com/

Is there a good way to fix this?

Hello @lorchme,

Thanks for writing in! I have checked your site and when you click on the arrows in the sections, it displays the correct section perfectly on my end.

Please keep in mind that the anchor section will display right after the header to prevent the top of the section from being behind the header.

Hope this explains it briefly.

Thanks, I guess I didnt know that the section will display right after the header.
So i guess I want the section to be under the header, because there is a transparent header. Keeping the Section 100vh for each section. is there an adjustment I need to make so each section will be under the header on click?

Dan

Hi Dan,

The way the website is working now is the default behavior and if you want to change that you need to customize the theme and recreate the scrolling feature by disabling the default theme feature and write your own code. This is outside of our support scope and you will need to hire a developer to do that.

Thank you for your understanding.

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.