To continue receiving payouts, you need to secure your account by turning on two-step authentication. If two-step authentication is not turned on your payouts will be paused. Learn more

Moving header menu to the left of logo

KelvinLeow
Tourist
5 0 1

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:

KelvinLeow_0-1670211464135.png

 

to something like this 

KelvinLeow_1-1670211499921.png

 

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

password: cheolt

 

Thank you!

Replies 5 (5)
GemPages
Shopify Partner
3287 722 599

Hello @KelvinLeow 

 

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

GemPages - Build any high-converting store pages for any business


- If you find my reply helpful, please hit Like and Mark as Solution
- Get connected: App Store | Blog | Community | Help Center
DelightLoyalty
Shopify Partner
1103 93 139

@KelvinLeow Can you please send me store url?

Delight Loyalty - Increase repeat sales quickly and build lifelong customers loyalty.
KelvinLeow
Tourist
5 0 1

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

GemPages
Shopify Partner
3287 722 599

 

@KelvinLeow 

 

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

Step 1: Move logo to left

Go to Online Store-> Theme -> Customize:

 

Screenshot at Dec 05 13-09-36.png

 

Setting Header -> Desktop logo position: Middle left

 

Screenshot at Dec 05 13-11-21.png

 

Step 2:  Align the content menu to the center:

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

 

GemPages_0-1669618959296.png

 

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: 

 

Screenshot at Dec 05 13-15-35.png

 

Hope my solution can work and support you!

Kind & Best regards!

GemPages Support Team.

GemPages - Build any high-converting store pages for any business


- If you find my reply helpful, please hit Like and Mark as Solution
- Get connected: App Store | Blog | Community | Help Center
KelvinLeow
Tourist
5 0 1

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.

KelvinLeow_0-1670221714675.png