Can I centralise my header menu? Dawn 2 theme

Store Design
1

Good morning,

I have been trying to centralise my menu in the header of my site. Is there a way of setting this so it stays relative like this when browsing on different screen ratios?

Basically i just want it central alignment at all times.

my site: www.generationaudio.co.uk

Thanks in advance!

2

Hello There,

  1. In your Shopify Admin go to online store > themes > actions > edit code
  2. Find Asset >base.css and paste this at the bottom of the file:
@media screen and (min-width:991px){
    .header-wrapper .header--has-menu {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        column-gap: 0;
    }
    
    .header-wrapper .header--has-menu h1.header__heading {
        width: auto;
    }
    
    .header-wrapper .header--has-menu .header__icons {
        width: auto;
        justify-content: flex-end;
    }
    
    .header-wrapper .header--has-menu nav.header__inline-menu {
        width: auto;
        position: unset !important;
        text-align: center;
    }
}

Screenshot:-Screenshot by Lightshot

3

Thanks for your reply. Sorry, I was thinking more central to the whole page so it doesn’t look out of line