Smaller logo size

[projectthirteen]

Hey, can anyone help me make my mobile logo smaller (but not the menu and cart icons smaller) as its currently too big and the methods I've tried have made the logo cover 2 lines instead of becoming smaller on the one singular line. Note that I currently don't have a logo attached, its just shopify text with my desired font. 

Any help is really appreciated. 

Ive attached a reference to the sort of size that would be great and what my current logo size is. 

My URL: https://project-thirteen.com.au

[BSSCommerce-HDL]

Hi @projectthirteen, 

Step 1: Go to Shopify Admin -> Online Store ->Theme -> Edit code

Step 2: Search file theme.liquid

Step 3: Insert this code above </head> tag: 

<style>
.header-wrapper .header__heading span {
  font-size: 18px !important;
}
</style>

Here is result:

Hope this can help you,

If our suggestions are useful, please let us know by giving it a like or marking it as a solution. Thank you 😍

[projectthirteen]

Is there any way to make this only work on mobile view and not on desktop view @BSSCommerce-HDL?

[BSSCommerce-HDL]

Hi @projectthirteen, Pls replace old code to this new code:

<style>
@media only screen and (max-width: 767px) {
 .header-wrapper .header__heading span {
   font-size: 18px !important;
 }
}
</style>

Hope this can help you,

If our suggestions are useful, please let us know by giving it a like or marking it as a solution. Thank you 😍

[projectthirteen]

Is it possible to make this appliocable to the whole site on mobile? it goes back to the previous size when I go to other pages. 

[BSSCommerce-HDL · Accepted solution]

Hi @projectthirteen, 

Step 1: Go to Shopify Admin -> Online Store ->Theme -> Edit code

Step 2: Search file theme.liquid

Step 3: Insert this code above </head> tag: 

<style>
@media only screen and (max-width: 767px) {
 .header-wrapper .header__heading-link span {
    font-size: 18px !important;
 }
}
</style>

Hope this can help you,

If our suggestions are useful, please let us know by giving it a like or marking it as a solution. Thank you 😍

[brandsal]

Thank you, works neatly.

[BSSCommerce-HDL]

@brandsal , No problem. Have a good day 😍

[binal_identix]

Hello @projectthirteen ,

You can try this code: it will be helpful to you 

Go to the Online Store->Theme->Edit code->Assets->base.css>add this code at the bottom of the file.

@media only screen and (min-width: 768px) {
.header-wrapper .header__heading span {
    font-size: 18px !important;
}
}