Centering Menu and Logo and aligning cart

[tim_tairli]

This code (can go to “Theme settings”=> “Custom CSS”)

@media (min-width:1024px) {
  .header-actions--buttons {
    position: absolute;
    right: 0;
    max-width: 320px;
  }
  
  div#logo {
    padding: 0 320px;
    justify-content: center;
  }
  
  .header__top {
    display: flex;
    justify-content: center;
  }
  
  .site-nav.style--classic {
    justify-content: center;
  }
}

Will do this:

Moving Account/Cart buttons to the menu line can not be done nicely with CSS only; also, as seen in the screenshot – they would not fit, there is much more space for them in the logo line.