I'm working on having a gallery to show images of work under construction. In just the gallery mode, the images sit nicely on the page. But when the image is clicked on to enlarge, the image and the exit button are overlapped behind my navigation bar, and it looks messy.
There are a few solutions I have but I have no idea how to execute them.
1. Disable enlarging the images entirely
2. When images are enlarged and opaque white background covers the everything except the image and the image navigation
3. When image is enlarged, have it not as big and have the exit button low