Solved

Reduce header height - minimal theme

chicandraw
Tourist
11 0 2

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.

Accepted Solution (1)
Kinjaldavra
Shopify Partner
2302 570 1422

This is an accepted solution.

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;
}
}

 

View solution in original post

Replies 10 (10)

Zworthkey
Shopify Partner
5581 642 1565

kindly Share your Store URL.

chicandraw
Tourist
11 0 2

Thanks - it is www.chicandraw.co.uk

KetanKumar
Shopify Partner
36839 3635 11972

@chicandraw 

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

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

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

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
chicandraw
Tourist
11 0 2

Thanks - it is www.chicandraw.co.uk

Kinjaldavra
Shopify Partner
2302 570 1422

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.

chicandraw
Tourist
11 0 2

Thanks - it is www.chicandraw.co.uk

KetanKumar
Shopify Partner
36839 3635 11972

@chicandraw 

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

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
Kinjaldavra
Shopify Partner
2302 570 1422

This is an accepted solution.

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;
}
}

 

chicandraw
Tourist
11 0 2

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.

chicandraw
Tourist
11 0 2

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