How can I center my logo with a left-side menu in the Dawn theme?

[sandrafrome]

I need to move my logo to the center with the menu on the left hand side inside the header

[GemPages]

Hello @sandrafrome ,

You can follow these steps: 
1. Go to Online Store->Theme->Edit code

2. Open your theme.liquid file, paste the below code before </body>

    <style>
      @media (min-width: 1024px ) {
          .header--top-center>.header__search {
              order: 0;
          }
          
          .header--top-center .header__inline-menu {
              order: 1;
          }
          
          .header--top-center .header__heading {
              order: 2;
          }
          
          .header--top-center .header__icons {
              order: 3;
          }
      }
    </style>

I hope the above is useful to you.

Kind & Best regards, 
GemPages Support Team

[sandrafrome]

Hi, thank you for this!

It worked however only on the home page - when i went to click on a collection the logo went back to the left side

[PageFly-Richard]

Hi @sandrafrome ,

This is Richard from PageFly - Landing page builder, I’d like to suggest this idea:
Step 1: Go to Online Store->Theme->Edit code
Step 2: Asset->/base.css->paste below code at the bottom of the file:

@media (min-width: 1024px ) {
          .header--top-center>.header__search {
              order: 0;
          }
          
          .header--top-center .header__inline-menu {
              order: 1;
          }
          
          .header--top-center .header__heading,
          .header--top-center .header__heading-link {
              order: 2;
          }
          
          .header--top-center .header__icons {
              order: 3;
          }
      }

I hope it would help you
Best regards,

Richard | PageFly