Changing header size in debut theme

[JohnWayne]

Hello, 

I found many threads about this topic but no solution for my problem. 

The header and the announcement bar is too big on my page especially on mobile navigation. I am using free debut theme and gempages but the header is not editable in gempages. Header as already been edited to insert more information inside. 

Let me know if you need more infos or screenshots

have a nice day

header is too big on mobile navigationthis is where I'm supposed to set up header size

[KetanKumar]

@JohnWayne 

Sorry for facing this issue, it's my pleasure to help us.

Welcome to the Shopify community!
and Thanks for your Good question.

Please share your site URL,
So I will check and provide a solution here.

[JohnWayne]

@KetanKumar  link sent by message

[KetanKumar · Accepted solution]

@JohnWayne 

Thanks for message

1. Go to Online Store->Theme->Edit code
2. Asset->/theme.scss.liquid->paste below code at the bottom of the file.

@media only screen and (max-width: 749px) {
.announcement-bar__message {
padding: 5px 15px;
    font-size: 12px;
}
.announcement-bar a {
    padding: 5px;
}
}

[JohnWayne]

@KetanKumar  thank you

[KetanKumar]

@JohnWayne 

it's my pleasure to help us