How to align the menu to the top of logo instead of the centre of it
I was trying to get my header image really large like what's shown below — i couldn't do it with code so I eventually found a workaround where I made the transparent space of my logo the height that I wanted the header. It worked but now the menu is aligned to the centre of the massive tall logo. How can I shift the menu up so it's in line with the solid part of the logo?
Or alternately if there's a way to just make the header taller with code then even better!
I'm using the Dawn theme
Hey @Cozytown,
Go to your theme's "Edit Code" Option, then in the search bar type "theme.liquid"
Below the tag "<head>" tag paste the following. Screenshot attached for reference.
<style>
header.header.header--middle-center.header--mobile-center.page-width.header--has-menu.header--has-localizations {
height: 40vh !important;
align-items: flex-start !important;
}
.header__icons.header__icons--localization.header-localization,
nav.header__inline-menu,
header-drawer {
padding-top: 20px !important;
}
</style>
Screenshot is for reference only, the correct code to paste is the one shown above.
Hey @Cozytown,
Go to your theme's "Edit Code" Option, then in the search bar type "theme.liquid"
Below the tag "<head>" tag paste the following. Screenshot attached for reference.
<style>
header.header.header--middle-center.header--mobile-center.page-width.header--has-menu.header--has-localizations {
height: 40vh !important;
align-items: flex-start !important;
}
.header__icons.header__icons--localization.header-localization,
nav.header__inline-menu,
header-drawer {
padding-top: 20px !important;
}
</style>
Screenshot is for reference only, the correct code to paste is the one shown above.
Community Blog Articles
Hey Community! As the holiday season unfolds, we want to extend heartfelt thanks to a...
By JasonH Dec 6, 2024
Dropshipping, a high-growth, $226 billion-dollar industry, remains a highly dynamic bus...
By JasonH Nov 27, 2024
Hey Community! It’s time to share some appreciation and celebrate what we have accomplis...
By JasonH Nov 14, 2024