I am currently working on a website at www.thejasonsanders.com and whenever I try to give a div a fixed position in any of the sections aside from the first one ("Homepage"), the div disappears. I have tried everything I can think of to correct the issue and nothing seems to resolve it. So, I am turning to what is probably my number one resource in these types of matters!
I am currently testing an image in the "Portfolio" section under the divs "Portdiv" and Portdiv2" with the same styling as the main logo image. The main logo image is in the homepage section with fixed positioning and it is displaying correctly. Again, it is only when an image is placed in one of the other sections that things start acting weird. Can anyone please help me figure out what is going on?
Thank you for your time and help!
When a div is given a fixed position and it's outside of the viewport basically doesn't exist. I think that's the problem you're facing. Here's a quick demo. Notice when you make your browser window taller and shorter the <img>s disappear. You probably want to use position: absolute? Sorry If I'm way off.