How to keep image from moving under the navigation bar when the browser size changes?

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?


Here is my site Read-Only: **[LINK]

I don’t seem to have this issue. Did you manage to fix it in the meantime?

1 Like

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.

2 Likes

Thanks again for helping me Port_of_Folio, and thanks for trying too RoryVB!

1 Like