Users are seeking to center the header menu in Shopify’s Dawn theme, which is left-aligned by default.
Primary Solution:
Multiple contributors recommend adding CSS code to the assets/base.css file. The most common approach involves:
.header__inline-menu with properties like text-align: center and width: 100%Alternative Method:
One user suggests editing line 1887 in base.css, changing grid-template-columns: auto auto auto to auto 1fr auto to achieve centering through grid layout adjustments.
Current Status:
The solution remains effective across Dawn theme versions 9, 10, and 13.0. Users report successful implementation in approximately 20 seconds. A video tutorial has also been shared for beginners needing visual guidance.
@Questions1 , do this to fix it in 20 seconds:
@media (min-width: 990px){
.header{
display: flex !important;
justify-content: space-between !important;
}
}
Kind regards,
Diego
