How to make logo bigger without making the header wider? (Crave Shopify Theme)

[lmtx]

I am currently using Crave theme and when I try to put my logo onto my store, the logo looks small and when I adjusted the "custom logo width", the whole header area expands. My store is the second image, I want my logo to look huge like the one in the first image without affecting the header height.

[VIEKIN · Accepted solution]

hi @lmtx ,

You can please add the code into the assets/base.css file, paste the code bellow at the bottom of that file.

.header__heading-logo {
    max-width: 160px !important;
}
@media only screen and (min-width: 990px){
.header {
    padding-top: 10px !important;
}
}

[VIEKIN]

hi @lmtx ,

Have two the way you can make:

1. We can make the logo big more with css.

2. You can customize a max size for setting part in the code file, that part at the schema setup.

Anyway, the first you can give the link of store, i can check for you.

Thank you!

[lmtx]

This is my store link, hope that helps

https://lmtfromvn.myshopify.com and the password is "penosh"

[VIEKIN]

Hey @lmtx ,

Do you want make the logo big more look like?

[lmtx]

Yeah, I want my logo to look bigger without expanding the header height.

[VIEKIN · Accepted solution]

hi @lmtx ,

You can please add the code into the assets/base.css file, paste the code bellow at the bottom of that file.

.header__heading-logo {
    max-width: 160px !important;
}
@media only screen and (min-width: 990px){
.header {
    padding-top: 10px !important;
}
}

[lmtx]

It works perfectly.

Thank you! Have a great day.

[VIEKIN]

@lmtx ,

I'm happy heard that, so if you have the task regarding technical, please let me know. thank you!

[lmtx]

Do you mind if I ask a few more questions? 

1. How can I change the sale price from black to red as it automatically sets the price colour to match the text colour? (I want to keep all my text black except for the price number)

2. In the product information, when I put a product's description on the collapsible row, other products will have the same description in that collapsible row too. I want every product with different descriptions on the collapsible row so how can I do that?

[VIEKIN]

hi @lmtx ,

Happy when see you again,

So for the point 1, Can you please add the short code bellow:

.price--on-sale .price-item--regular {
    color: red !important;
}

For point 2:

The settings you doing used is the section's setting, so that setting will apply for all product on your site. Because it is global setting.

So, if you want each product will use the description different, you need use the description on each product in admin this thing need check and implement with code. 

If you don't familiar with code,  you can hire me do that for you if you want 😊!

Thank you!

[lmtx]

Hi, I have added the code, but it turns out to be on the opposite one. What I mean is that the original price should still be black and the discounted price should be red.

And for the second point, I have found an app that's able to manage the problem. I surely will put you on my first list to hire if there are any technical problems in the future.

[VIEKIN · Accepted solution]

@lmtx ,

oh, i see, thank you!

so can you please remove the code style make color for regular price above and instead the code bellow:

.price--on-sale .price-item--sale{
  color: red !important;
}

[matildepinheiro]

This didn't work for me. Can you help?

[sashalanskikh]

Hi Viekin,

Im trying to make my logo bigger without making the header wider but unfortunately it doesn't work with the code solution you provided. Is there any other way I can do it?

Thank you 

[smilelab]

I added the code, but its still small. How do i increase the size?