How can I adjust my logo size in the header without expanding the entire header height?

Store Design
,
1

Cattura.PNG
Cattura.PNG1338Ɨ736 168 KB

Hello,

i have a problem with the size of the logo in the header.

my logo size is 500x500 px but when i put it in the header it doesnt read well. i try to resize the height header but now is realy too high.

Maybe is better if i expand the size of logo in the header without expand the all height of the header.

2

Hallo @Guido57

You can add code by following these steps to change

  1. Go to Online Store ā†’ Theme ā†’ Edit code > assets > base.css

paste below code at bottom(base.css)


**.header .header__heading .header__heading-link {**
**padding: 2px;**
**}**
**.header .header__heading img {**
**height: 95px !important;**
**width: 120px !important;**
**object-fit: cover;**
**}**

If you require any further information, feel free to contact me.

Best regards,

1 Like
3

Hi @Guido57 ,

This is Richard from PageFly - Landing page builder, Iā€™d like to suggest this idea:
Step 1: Go to Online Store->Theme->Edit code
Step 2: Asset->/base.css->paste below code at the bottom of the file:

.header .header__heading .header__heading-link {
    padding: 2px;
}
.header .header__heading img {
    height: 95px !important;
    width: 120px !important;
    object-fit: cover;
}

I hope it would help you
Best regards,

Richard | PageFly

4

it works, thank u.

5

hello, now the problem is that it works only in the homepage. when i open another page it doesn work like in the homepage, i need it works in the all website. can u help me?

Cattura2.PNG
Cattura2.PNG1256Ɨ548 399 KB

Cattura.PNG
Cattura.PNG1283Ɨ574 27.2 KB

Cattura3.PNG
Cattura3.PNG1301Ɨ605 41.1 KB

6

Hi @Guido57 ,

You can try replace previous my code by below code:

.header .header__heading-link {
    padding: 2px;
}
.header .header__heading-link img {
    height: 95px !important;
    width: 120px !important;
    object-fit: cover;
}

I hope it would help you
Best regards,

Richard | PageFly

1 Like
7

thank u, now it works.