Mobile Menu or Logo link not working

Hi. Is there a way to make this work with a background image in the header. I have a full screen background hero image and when it goes to mobile the menu and logo link to the homepage no longer work. If I put a margin-top in a media query and push down the hero image below everything, it all works. Is there a work around for this?

Thank you,
Ryan Warner

Hello Ryan,

Yes this can be fixed.

First I suggest to add following css code in order to increase image height and to set object to fit area:

@media only screen and (max-width: 1024px) {
    .header-inner {
        height: 100%;
        object-fit: cover;

Then also add negative z-index to your custom code where you are positioning .header-image absolutely:

.header-image {
    z-index: -1;

Menu and logo should be clickable after this

Best Regards!

Thank you! This worked perfectly.

Have a good day.