Hi,

I'm new to CSS code - using the code below to customise my desktop navigation bar but is seems to be making the mobile navigation off centre so the cart icon is off screen and the logo isn't central. Any help would be appreciated!

/* Navigation */

.header-title-nav-wrapper {
  flex: 1 0 85% !important;
  flex-wrap: nowrap !important;
}
.header-nav {
  width: 100% !important;
  flex: 1 1 100% !important;
}
.header-title-nav-wrapper {
    flex: 1 0 80% !important;
}

/* change header nav active style */
.header-nav-item--active a {
  color: #ff6900 !important;
  background-image: none !important;
}

/* add header nav hover effect */
div.header-nav-item a:hover {
    opacity: 0.5 !important;
}
div.header-nav-item a {
    transition: all 0.4s !important;
}

That's worked perfectly!

Thank you so much, really appreciate the help 🙏

😀👍