I am trying to create a “one page” navigation style Team page at: https://uscapaa.com/team-bios/
And then on another page (https://uscapaa.com/team/) where all the team members are listed have links to their respective bios on the page above. (one could click Tony Smith, and it would take them to the Tony Smith bio section on the next page to read full bio)
The issue I am having is that the sections are not lining up on the screen consistently. Like for this one: https://uscapaa.com/team-bios/#ish-spencer, you will see the top of the section is getting cut off by the header. I keep adding padding (tried margin too just in case) to the top of the section, but is still cutting the top off. I stopped at 300px for the top padding before submitting this ticket (thinking maybe that is not the answer to keep adding padding to the top of each section individually) It also looks like it’s about to line up, but then section slides up, as if it’s adjusting itself.
The two sections above this one seem to work: https://uscapaa.com/team-bios/#charles-towle and https://uscapaa.com/team-bios/#jeffrey-sweeney
I have a number of these sections to complete on the page, about 20 more, and am just going to duplicate the previous one, and then update the image and content, and then set the section ID to the person’s name (as I did on the first 3 on the page. But I don’t want to continue until I figure out how to get each section lined up perfectly on the screen without getting cut off on the top. I have at least 23 of these to do, and don’t want to have to go back and edit the padding or margin or whatever to each. Trying to get one right, then just keep duplicating the sections down the page.
And, yes there is a revolution slider image for the header, but it is not full screen. And the Header position is Fixed Top in options.