Join us March 21 for an AMA on planning your 2023 marketing budget with 2H Media co-owners, Matt and Aron

How to make dawn header height smaller

Jeffhardy
Tourist
7 0 1

Hi, anyone knows a solution?

Replies 6 (6)
suyash1
Shopify Partner
7356 896 1214

@Jeffhardy- can you please share site link? we will need custom css for it

You are welcome to contact me - suyash.patankar@gmail.com, My timezone is GMT+5:30,to build shopify pages use pagefly
#1 Product Filter & Search app on Shopify
Zworthkey
Shopify Partner
5581 642 1535

Hii, @Jeffhardy 
Paste this code on top of the base.css file.

@media screen and (min-width: 990px){
sticky-header.header-wrapper.color-background-2.gradient.header-wrapper--border-bottom {
    height: 55px !important;
}
header.header.header--middle-left.page-width.header--has-menu {
    position: relative !important;
    top: -20px !important;
}
}

Thank You.

Kinjaldavra
Shopify Partner
2302 569 1410

hello @Jeffhardy 

Please provide website url and if your store is password protected then also provide password So I will check and provide a solution here.

Want to theme customize contact us E-mail : natztech2312@gmail.com | Whatsapp
Jeffhardy
Tourist
7 0 1

It's glamgirl.eu
password: sohfro

Zworthkey
Shopify Partner
5581 642 1535

hii, @Jeffhardy 
Paste this code on top of the base.css file.

@media only screen and (min-width: 992px) {
header.header.header--middle-left.page-width.header--has-menu {
    position: relative !important;
    top: -30px !important;
}
sticky-header.header-wrapper.color-background-1.gradient.header-wrapper--border-bottom {
    height: 70px !important;
}
}

Thank You.

Jeffhardy
Tourist
7 0 1

It works on desktop, but I need mobile view too somehow. Thank you!