I’ve been fighting back and forth with this issue for a while. I have a heading over my main image that I positioned absolute so that I could align it correctly on top of the image, but when the site is viewed on mobile and the navbar is toggled, the heading remains where it is and covers up all the navigation menu items.
The code can be found here
Can anybody please help me with this? Is there a media query I can create so that the heading moves down with the image only when the navbar is toggled?