Center Main menu in updated Dawn theme

Solved
ebon
Pathfinder
88 3 30

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

url: preacha.com

Accepted Solution (1)

Accepted Solutions
dmwwebartisan
Shopify Partner
9731 2226 3053

This is an accepted solution.

@ebon 

Please remove previous css and add this new css class

@media screen and (min-width: 990px){
.header {
    padding-top: 0!important;
    padding-bottom: 0!important;
    display: flex !important;
}
.header__inline-menu {
    display: flex !important;
    margin: 0 auto !important;
}
}
If helpful then please Like and Accept Solution | Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Check here PageFly App to customize your pages | Bag is a cart drawer that maximizes your sales. View app →

View solution in original post

Replies 8 (8)
dmwwebartisan
Shopify Partner
9731 2226 3053

@ebon 

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.

.header.header--middle-left.page-width.header--has-menu {
  text-align: center;
}

Thanks!

If helpful then please Like and Accept Solution | Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Check here PageFly App to customize your pages | Bag is a cart drawer that maximizes your sales. View app →
dmwwebartisan
Shopify Partner
9731 2226 3053

@ebon 

Please remove provided css . i will check and send correct solution to you.

If helpful then please Like and Accept Solution | Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Check here PageFly App to customize your pages | Bag is a cart drawer that maximizes your sales. View app →
ebon
Pathfinder
88 3 30

Thanks for the code but it doesn't work

dmwwebartisan
Shopify Partner
9731 2226 3053

@ebon 

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__inline-menu {
    display: flex !important;
    margin: 0 auto !important;
}
}
If helpful then please Like and Accept Solution | Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Check here PageFly App to customize your pages | Bag is a cart drawer that maximizes your sales. View app →
ebon
Pathfinder
88 3 30

still no good.

dmwwebartisan
Shopify Partner
9731 2226 3053

This is an accepted solution.

@ebon 

Please remove previous css and add this new css class

@media screen and (min-width: 990px){
.header {
    padding-top: 0!important;
    padding-bottom: 0!important;
    display: flex !important;
}
.header__inline-menu {
    display: flex !important;
    margin: 0 auto !important;
}
}
If helpful then please Like and Accept Solution | Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Check here PageFly App to customize your pages | Bag is a cart drawer that maximizes your sales. View app →

View solution in original post

ebon
Pathfinder
88 3 30

Perfect!

thank you

dmwwebartisan
Shopify Partner
9731 2226 3053

@ebon 

If helpful then please Like Solution

If helpful then please Like and Accept Solution | Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Check here PageFly App to customize your pages | Bag is a cart drawer that maximizes your sales. View app →