Why is my logo unclickable after moving the menu above it?

Store Design
1

Hi, after my menu is moved above the logo, the logo is not clickable. I think the menu might be blocking, I tried to change the z-index’s without luck.

https://k7eqver2n4i5ppt2-61803987143.shopifypreview.com

2

@JosephineJ - add this css to the very end of your base.css file and check

h1.header__heading {position: relative;    z-index: 100;}
3

@JosephineJ ,

nav.header__inline-menu {
    position: relative;
    top: -158px;
    width: auto;
}

Add this css at the bottom of Online Store->Theme->Edit code->Assets->base.scss.liquid

4

Hi @JosephineJ .
This is PageFly - Advanced Page Builder.

I checked your site and menu still working fine, you can see my video uner or can you give me more information about this problem.

https://www.loom.com/share/15fb5cb5f5144f37ab1f73035146de0c

Hope this answer helps.

Best Regards,

PageFly

5

It is not the menu that its working, but the logo that isnt clickable - normally clicking the logo would lead you to the home page

6

use my given code and it should work

1 Like
7

Yes thanks! setting z-index to 1 was enough! thanks

8

welcome

1 Like
9

Hi, it only works on the home page, i tried changing it back to 100 and it still doesnt work