How can I adjust the logo and menu positions on my Envy@LitExtension theme?

Store Design
1

Hello! I am in need of moving the logo on my header to the left while also centering the menu. I found a code on here to move the logo to the left but the menu was now positioned off. Any help is greatly appreciated! Website URL is: insideoutshop.ca theme for website is: Envy
@LitExtension

2

Hi @insideoutshop ,

You can follow the instruction below:

  1. Go to Online Store->Theme->Edit code
  2. Find file theme.liquid->Find and paste below code before :
@media (min-width: 992px) {
    .header-wrapper {
        position: relative;
    }
    .header-wrapper .header-content > .empty {
        display: none;
    }
    .header-wrapper .header-content .site-header__logo-image img {
        margin-left: 0;
    }
    .header-menu-wrapper {
        position: absolute;
        z-index: 99;
        left: 50%;
        transform: translate(-50%, -50%);
        top: 50%;
    }
}

If you feel like my answer is helpful, please mark it as a SOLUTION. Let me know if you have any further questions.