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

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

Hello @sandrafrome ,

You can follow these steps:

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

  1. Open your theme.liquid file, paste the below code before


I hope the above is useful to you.

Kind & Best regards,
GemPages Support Team

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

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