Menu clickable area extends over to site logo

Hello forum,

I have my site logo linked to the home page as well as an image widget beside it which links to another page. The problem is the margin of the menu extends through both of them which takes away some clickable space from both of them. I have tried some css on the menu by making the z-index lower than the images, and decreasing the left margin. When making the z-index lower the menu is no longer clickable and when changing the left margin it doesn’t seem to adjust at all. I’ve attached an image below showing my header and the area of the menu bar. Any insight is appreciated!

Hello there,

I hope you’re doing well today.
Thank you for contacting us.

Please share a link to your webste, so I can inspect the issue directly and help you in a better way.

Stay safe.
Have an excellent day :slight_smile:

Regards,
Kharis
aThemes Support

Hello there,

Thank you for sharing the link. I really appreciate it.

As inspected, you would be able to fix your issue by adding the below simple CSS code to Appearance > Customize > Additional CSS from dashboard.

    @media only screen and (min-width: 1025px) {
      .site-header .col-md-4 {
        position: relative;
        z-index: 9999;    
      }
    }

Stay safe.
Have an excellent day :slight_smile:

Regards,
Kharis
aThemes Support