Hello, is it possible to overlap my logo on my header on mobile? The same as how it shows on desktop? Header width needs to be reduced and the logo to hang over onto the image. Dawn theme.
What’s your store url ?
Hi, it’s https://thewatchgalleryuk.myshopify.com/ but not yet live password: laigle
Go to your online store → edit code → base.css file and paste this code in the end of file
@media (max-width: 768px) {
header.header.header--middle-center.header--mobile-center.page-width.drawer-menu.header--has-menu.header--has-account {
height: 70px !important;
}
.header__icon .svg-wrapper {
padding-bottom: 25px;
}
header-drawer {
padding-bottom: 25px;
}
}
1 Like
Hello there @DASCPA I suggest that you follow these steps below
- Go to Online Store
- Edit Code
- Find theme.liquid file
- Add the following code in the bottom of the file above tag.
<style>
@media only screen and (min-width: 1024px) {
.header.page-width {
height: 80px;
}
header-drawer {
align-self: start;
margin-top: 17px;
}
.header__icons {
align-self: start;
margin-top: 17px;
}
}
</style>
Let me know if this works for you!
Thank you!