Moving header menu to the left of logo

[KelvinLeow]

HI, I would appreciate some help on how to move my menu from the middle below logo to left side parallel to the logo. Currently looks like this and i'm hoping to make it look like the next image below it:

to something like this 

here's my website link https://dissy-co.myshopify.com/?_ab=0&_fd=0&_sc=1

password: cheolt

Thank you!

[GemPages]

Hello @KelvinLeow 

Could you please share your store URL or the page link.  I think I can give you the right solution

[KelvinLeow]

Hi sorry here's my website link
https://dissy-co.myshopify.com/?_ab=0&_fd=0&_sc=1
password: cheolt

[DelightLoyalty]

@KelvinLeow Can you please send me store url?

[GemPages]

@KelvinLeow 

I would like to give you a solution to support you:

Step 1: Move logo to left

Go to Online Store-> Theme -> Customize:

Setting Header -> Desktop logo position: Middle left

Step 2:  Align the content menu to the center:

1. Go to Online Store -> Theme -> Edit code:

2. Open your theme.liquid theme file

3. Paste the below code before </body>:

<style>
  @media screen and (min-width: 990px{
    body .header--middle-left {
       grid-template-columns: 1fr auto 1fr;
    }
  }
<style>

Result: 

Hope my solution can work and support you!

Kind & Best regards!

GemPages Support Team.

[KelvinLeow]

Hi @GemPages, thank you. But I wanted the logo to be in the middle, while the menus on the left side. Is that possible? To look something like that.