How can I center the navigation bar on the Dawn theme?

Store Design
1

Hey there everyone,

I am using the Dawn theme on my website but I am wanting to center the navigation bar but cannot figure out how to go about doing this.

Can someone help please?

A link to our website is here: www.untmed.com

Many thanks

1 Like
2

@Untmed Go to assets/base.css and paste below css at bottom of file.

.header
{
display: flex !importat;
justify-content: space-between !importat;
}
3

@Untmed

add this code to your base.css file.

Navigate to online store >> Click edit theme code.

Now find base.css and paste the following code:

@media screen and (min-width: 990px){
.header--middle-left {
    
    grid-template-columns: auto auto auto !important;
}
   
}
4

@Untmed

yes, please try this code

  1. Go to Online Store->Theme->Edit code
  2. Asset->/base.css ->paste below code at the bottom of the file.
@media screen and (min-width: 990px){
.header--middle-left {
    display: flex;
    justify-content: space-between;
}
}