I’m wanting the “Info Sections” to be 30% transparent so that as you scroll down and they move over the photos above them (that are fixed) that you can see through. See examples below. Right now the sections are all 100% white.
On the first “Section Display” how can I move my picture down so that I can see the top of the building. There is more picture hidden under the Nav Bar, but can’t seem to get it adjusted correctly.
With structure, that you have now there is impossible to get effect that you want. You have to understand, that background image will finish on the edge of section (because it is background).
@sabanna … you’re diagram is spot on. You say “with my current structure” it’s not possible. How could I make it possible without drastically changing what I’ve done so far?
And any idea on what to do with my second issue … moving the “section display” down to show more of the picture.
Yes, in order to achieve the desired result, you will need to wrap your entire site in a div and then structure your sections as siblings (one of which will be set to opacity 30% with a higher z-index than the section with the fixed background image)
@sabanna showed a great visual aid for how you could go about doing this. With some patience and being open minded to re-working your site, you’ll be able to get the desired effect.