Hi! On my homepage, I have a logo image layered over the background image. When I resize the browser window from full screen to smaller the logo image moves under the navigation bar. I want to prevent this from happening. How to fix it?
I recommend making the logo part of the background image to maintain position control.
I made a short video showing how you can keep the logo from being overlapped, but I anticipate that your next question will be “how to keep logo from overlapping the characters?”. This will be difficult to achieve on a responsive layout since the elements will only allow for some minor responsive wiggle room. Best to flatten that logo into the background image to maintain its position.