Increasing Logo Size in Savor Theme

Store Design
1

Has anyone had any luck with increasing logo size for desktop on the Savor Theme?

It is currently set to a maximum 100px so looking t for the code to edit

2

@blaz085627 , hey, thanks for posting here.
Have you checked the theme settings for the logo setting?

3

Hi @blaz085627 ,

Can you please provide me the website link? So that I can provide you the custom CSS which can help you to increase the logo size.

4

Hello @blaz085627
You can use this css in base.css file.
.header-logo__image {
width: 150px;
height: auto;
}

5

Hi @blaz085627 ,

Please go to Actions > Edit code > blocks > _header-logo.liquid file and change code here:

Screenshot.png
Screenshot.png1578×1344 239 KB

You just increase it, it will show fine

6

@namphan I believe there is limitation to increase it more than 100px in shopify liquid. Can you please double check this? According to my knowledge I got issues while I tried to increase max more than 100px.
Thanks!

7

Hi @Sayed_Safin ,

Yes, it will limit 100 when you step 1 and min is 0, so you just increase min and step it will work fine. For example:

{
      "type": "range",
      "id": "custom_height",
      "label": "t:settings.desktop_height",
      "min": 100,
      "max": 300,
      "step": 2,
      "unit": "px",
      "default": 20,
      "visible_if": "{{ settings.logo != blank }}"
},