Does anyone know how to center the header menu with the logo above for the Dawn? theme? @Agrace7 @KetanKumar @GemPages @PageFly-Victor @oscprofessional
Store URL: https://onlinetrap-minimalist.myshopify.com/?_ab=0&_fd=0&_sc=1
Pass: onlinetraphouse
Does anyone know how to center the header menu with the logo above for the Dawn? theme? @Agrace7 @KetanKumar @GemPages @PageFly-Victor @oscprofessional
It’s easy, I assume this is what you are after… follow these steps:
-
Online Store>Themes>Customize
-
Click on ‘Header’
-
On the right side look for ‘Desktop logo position’
-
Change this to “Top Center”
-
Save your page & preview.
However, if you asking to have the menu inline with the logo centered. Then this is already achieved. It does change as the screen is smaller due to the theme being responsive, the menu will fall under each other. The only way to change this is by changing the font-size to smaller, but then it will be smaller across the board.
1 Like
Thanks a lot, this worked! 
Do you know how to make the space between the logo and the menu less? @Pandaboomer
This is Victor from PageFly - Shopify Page Builder App, I’d like to suggest this idea:
you can try this code
Add this CSS at the bottom
Online Store ->Theme ->Edit code
Assets ->base.css
@media screen and (min-width: 990px){
.header:not(.header--middle-left,.header--middle-center) .header__inline-menu {
margin-top: -1.95rem !important;
}
}
Hope you find my answer helpful!
Best regards,
Victor | PageFly
Glad it worked.
You could try adding this code to your BASS.CSS in your EDIT CODE Files. ( you can play with the number, I choose -40px.
Add to the bottom of the bass.css file…
.header__heading-logo {
margin-bottom: -40px !important;
}
Then Save it.
Preview your website, if you need to change the number, go back and change it, save it , preview.
Hope that helps
Bass.css file location under ASSETS
Thanks a lot to both of you guys! Both solution worked, amazing!! Thank you 
2 Likes
