Supply Theme - Help with mobile header

Solved
Highlighted
Tourist
10 0 2

Hi everyone,

I'm having difficulties changing the height of only the mobile header. Everything that I try changes both the main and mobile headers. The mobile header is too tall. If anyone has a fix for this, I'd be grateful. 

mobile header too tall.PNG

Thanks in advance!

 

1 Like
Highlighted
Shopify Partner
7647 1051 2655

Hello, @D2 

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.

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 Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
1 Like
Highlighted
Tourist
10 0 2

Thanks for the welcome!

I just sent you a PM with the pass.

0 Likes
Highlighted
Shopify Partner
7647 1051 2655

This is an accepted solution.

@D2 

Thanks for Store URL.

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

@media screen and (max-width: 768px) {
.header-logo .lazyload__image-wrapper {
    margin: 0 auto;
}
.grid-item.large--one-half.text-center.large--text-right {
    display: none;
}
}

 

 

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 Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
1 Like
Highlighted
Tourist
10 0 2

Hi Ketan,

That reduced the height by a couple of pixels so we're defiantly on the right path, thank you.  What would I change to reduce the height even more?

1 Like
Highlighted
Shopify Partner
7647 1051 2655

@D2 

Thanks for update

yes your have remove unnecessary logo image black spacing 

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 Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
1 Like
Highlighted
Tourist
3 0 2

I removed the death space from my logo however it is still taking up 1/4 of the screen. Any way to further reduce the size?

1 Like
Highlighted
Shopify Partner
7647 1051 2655

Hello, @Webmasterpro 

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.

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 Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
0 Likes
Highlighted
Tourist
3 0 2
0 Likes
Highlighted
Shopify Partner
7647 1051 2655

@Webmasterpro 

Thanks for the store URL.

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

.site-header {
padding-top: 5px;

.site-header--text-links, p {
margin-bottom: 0;
}

}

 

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 Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
1 Like