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
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 tag:
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 
Is there any way to make this only work on mobile view and not on desktop view @BSSCommerce-HDL ?
Hi @projectthirteen , Pls replace old code to this new code:
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
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;
}
}
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.
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 tag:
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
Thank you, works neatly.
@brandsal , No problem. Have a good day