On tablets and smaller screens
We got 1-column. There’s a gap between the nav bar and the grid. How do we keep the small tag and the grid fixed as they are before the scrolling starts?
Section 1 title got a top margin of 100px after the tag for some space. When we scroll towards the bottom, Section 2 title appears. But its placement is off in comparison to where Section 1 title was. Is it possible to make Section 2 title 100px from the tag (assuming we can keep the tag fixed as it is)?
Here is my site Read-Only: LINK
Looks like you’ve fixed this one too, or am I missing something?
Thanks for answering to our recent posts!! Sorry we weren’t clear with this post. So we took a video:
We are referring tablet and smaller screens. We tried to place emphasis on the things we are stuck with:
- The white gap between the grid and the nav bar - we want to keep this white space.
- Small tag moves when we scroll. Again, we would would like this to be in a fixed placement. Somehow we got it working on desktop, but not for smaller screen sizes.
- Notice where “Very Long Section 1 Title” is. As we scroll through the page, “Section 2 title” comes up. Once you get to the bottom of the page, Section 2 title sit higher than where Section 1 title was (at 0.57). Would it be possible for Section 2 end at the same placement as Section 1 title? (at 0.45)