How can I center and bold the Main Menu in Dawn 3.0 theme?

Store Design
1

Does anyone have code to center the Main Menu in Dawn 3.0 theme?

url: preacha.com

Thanks

2

@ebon

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 (min-width: 980px){

.header__inline-menu{grid-column: span 2;}
.header__inline-menu .list-menu li{font-weight: 700;}
.header__icons{grid-column: span 2;}

}
3

The code turned the font color black but did not bold it or center the menu.

4

Replace the previous code with this:

@media (min-width: 980px){

.header__inline-menu{

grid-column: span 2;

display: flex;

align-items: center;

justify-content: center;

}
.header__inline-menu .list-menu li{font-weight: 700;}
.header__icons{grid-column: span 2;}

}
5

excellent.

thank you so much