Why is my desktop menu not clickable on Dawn theme?

Store Design
, , ,
1

Guys SOS!

Today I discovered that my desktop menu is not clickable and I can’t find the solution… Using Dawn theme.

Do you know what might be the problem?

The website: jnsq.shop

Thank you,

Julia

2

You have the following code in your base.css

.header__heading {
  position: absolute!important;
  left: 0!important;
  right: 0!important;
  margin: 0 auto!important;
}

This basically makes your logo container to cover entire header line and prevent your menu items from being clicked.

There are two ways to fix this:

This will make only your actual logo to receive clicks, but logo container will become “transparent” to clicks.

.header__heading {
  pointer-events: none;
}
.header__heading-link {
  pointer-events: all;
}

Or, this code will “raise” your menu to lay on top of the logo container, so it catches clicks first:

.header__inline-menu {
  z-index: 1;
}