Navigation menu is not centered in the middle

[tsswnkls]

I applied the code below to center my navigation menu. As you can see, it’s somewhat successful, but I just can’t get the navigation menu perfectly centered. Does anyone have a solution?

@media screen and (min-width: 500px){

.header--middle-left {

grid-template-columns: unset !important;

}

} .header__inline-menu {

display: flex; justify-content: center;

}

[Moeed]

Hey @tsswnkls 

Share your store URL and password if enabled.

Best Regards,

Moeed

[tsswnkls · Accepted solution]

The issue has been resolved! I adjusted the code to the following, and it works perfectly.

@media screen and (min-width: 500px){
.header--middle-left {
grid-template-columns: unset !important;
}
}
.header__inline-menu {
display: flex;
position: absolute;
left: 50%;
transform: translateX(-50%);
}

[solverStaff]

Okay great