There is a responsiveness with the pre wrapper area content.
As the browser gets smaller, the image scales too fast and the menu ends up over the text.
A few things to do to help with that
- Go back to using a cropped image that does not extend beyond the text. This will allow the image to only scale when necessary instead of right away. It will also keep the logo and text bigger longer which is better.
- Put a white BG color in the pre wrapper BG box
- Change the rule in the CSS+ box to use a top in % instead of px
.menu-extra {position:absolute !important;z-index:1000;top:5%;right:0px;max-width:78%;}