Space in header getting increased - Dawn Theme
I am trying to increase size of logo in the header using Theme Settings in shopify customizer. But the space between header's both section is getting increased. Attaching screenshot.
The code for this header in theme.liquid is as below.
<head>
<style>
@media only screen and (min-width: 990px) {
.header__inline-menu {
grid-row: 2 !important;
grid-column: 1/4 !important;
}
.header__heading {
grid-column: 1 !important;
grid-row: 1 !important;
width: 100% !important;
display: flex !important;
}
header.header {
grid-template-columns: 1fr 1fr 1fr !important;
}
.desktop-search {
position: absolute;
left: 50%;
transform: translateX(-50%);
}
.header__inline-menu {
border-top: 1px solid black;
padding-top: 1rem;
}
}
</style>How can I handle this unnecessary space? And could you please let me know the reason of this problem?
Right now the header and announcement bar itself are taking more than half of the screen.
Website: hamperpick.in
Appreciate your help.
You are welcome.
As you can see below, the image appears very small within the normal structure. My advice is to make the logo fill the entire dimension. A resolution of 110x110 is good. If you still can't manage it, let me know!
You are welcome.
As you can see below, the image appears very small within the normal structure. My advice is to make the logo fill the entire dimension. A resolution of 110x110 is good. If you still can't manage it, let me know!
Community Blog Articles
Shopify and our financial partners regularly review and update verification requiremen...
By Jacqui Mar 14, 2025
Unlock the potential of marketing on your business growth with Shopify Academy's late...
By Shopify Mar 12, 2025
Learn how to increase conversion rates in every stage of the customer journey by enroll...
By Shopify Mar 5, 2025