Why is my logo covering my website menu item?

[maron1209]

Hi all. My logo is covering my menu item, making it unable to click the menu item on my website. I've tried adding/changing the z-index for the logo and the menu item, but it didn't seem to do much.  Any help is much appreciated!

[Anonymous]

hii, @maron1209 
Provide me your store URL so,
I can solve your problem and give you a proper solution.
Thank You.

[maron1209]

I have sent you the URL and password in a private message. 

[maron1209]

@Anonymous  I am still struggling with the same issue. Are you able to help?

[Kinjaldavra]

hello @maron1209 

can you please share your store preview url 

[maron1209]

@Kinjaldavra I have sent you a private message with the site and password. Thank you!

[Kinjaldavra]

hello @maron1209 

please Go to Online Store->Theme->Edit code then go to assets/theme.css ->paste below code at the bottom of the file.

.site-header__logo .site-header__logo-image  img {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

[maron1209]

@Kinjaldavra 

It unfortunately didn't do anything. I am still not able to press the Shop menu-item.

[Kinjaldavra]

it work when press the shop text

[maron1209]

Ah yes, it does! Thank you so much! However, it is is only presaable at a certain angle, not when the mouse is hovered all over it. Why is that?