How to increase header logo size on mobile only?

Solved
Highlighted
Explorer
58 0 11

Hi,

 

How do I increase the header logo size on mobile only for Brooklyn theme?

 

Would this change affect my checkout logo? That seems fine at the moment. 

 

Highlighted
Shopify Partner
9403 1186 3292

Hello, @jayboogie 

Thanks for post.

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
Highlighted
Explorer
58 0 11

up863477.myshopify.com

pass: above

0 Likes
Highlighted
Shopify Partner
9403 1186 3292

This is an accepted solution.

@jayboogie 

Thanks for URL.

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: 768px) {
.site-header .grid__item.large--one-third.medium-down--one-half {
    width: 80%;
}
.site-header .grid__item.large--hide.large--one-sixth.one-quarter {
    width: 20%;
}
}
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
Highlighted
Explorer
58 0 11

Hi,

 

That worked.

 

But I would like to ask, is there a size between the original (small) logo and bigger logo?

 

I do not know if I want the original one or the bigger one so i would like to try somehting inbetwene. 

0 Likes
Highlighted
Explorer
58 0 11

Hello @KetanKumar,

 

Any update on my last message?


@jayboogie wrote:

Hi,

 

That worked.

 

But I would like to ask, is there a size between the original (small) logo and bigger logo?

 

I do not know if I want the original one or the bigger one so i would like to try somehting inbetwene. 


 

Highlighted
Shopify Partner
9403 1186 3292

sorry for late replay 

i don't know what do you want exactly can you please explain to screenshot or video

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
13 0 0

Hi, may i ask for help on reducing slideshow heading size on mobile view so that it fits into one line or somewhat neat and aesthetically pleasing

Site: www.dreamyhaven.com

Password: Thanks

0 Likes
Highlighted
Shopify Partner
9403 1186 3292

@chong 

Thanks for post.

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) {
.hero__slide .hero__title, .hero--adapt .hero__title {
    font-size: 30px;
}
}
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
New Member
2 0 1

hey how do i make the narrative theme phone header page bigger