How can I decrease header height in minimal theme on mobile view?

Store Design
1

Hi,

Does anyone know how to reduce the height of the header in the minimal theme? In particular on the mobile view because it is taking up too much space.

Thanks,

Binanti

P.S. My store URL is www.chicandraw.co.uk - for all those replying with potential support.

1 Like
2

kindly Share your Store URL.

3

@chicandraw

Sorry you are facing this issue, it would be my pleasure to help you.

Welcome to the Shopify community! :blush:
Thanks for your good question.

Please share your site URL,
I will check out the issue and provide you a solution here.

4

hello @chicandraw

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

1 Like
5

Thanks - it is www.chicandraw.co.uk

6

Thanks - it is www.chicandraw.co.uk

7

Thanks - it is www.chicandraw.co.uk

1 Like
8

@chicandraw

can you please check your theme setting may be allow this setting

9

hello @chicandraw

please Go to Online Store->Theme->Edit code then go to assets/theme.css ->paste below code at the bottom of the file.

@media only screen and (max-width: 768px) {
.header-bar{
        margin-top: -25px;
}
}
1 Like
10

no I don’t think it does, we checked. But I think we are ok now. thanks for your help.

11

Thanks this did help. It wasn’t quite what I was looking for but it’s resolved the issue. We also made the logo smaller, although we lost a bit of resolution on it.