Image logo over not change header height

Site URL: https://clarinet-papaya-25fj.squarespace.com/

Halo guys, can you help me with code

I want to make the logo bigger and not affect to the header size. And link menu position is same.

hope like Pic one.

and actually happen is on second pic.

link: https://clarinet-papaya-25fj.squarespace.com/

password: godrinks

Try adding to Design > Custom CSS

.header-title-logo img {
    max-height: 200px;
}
.header-title-nav-wrapper {
    align-items: flex-start;
}

On 9/4/2021 at 3:44 PM, tuanphan said:

Try adding to Design > Custom CSS

.header-title-logo img {
    max-height: 200px;
}
.header-title-nav-wrapper {
    align-items: flex-start;
}

 

Thank you, Tuanphan. so i just need to reposition the logo img to top .

Hi @tuanphan ,

can you help me with this, 

i want  title on footer become center, but in desktop view still side by side.

#1. You mean make no padding between logo - top of screen?

#2. Add to Design > Custom CSS

/* Make footer text side by side */
@media screen and (max-width:767px) {
div#page-section-612745da695d17561466d7b9 .span-6 {
    width: 50% !important;
    float: left !important;
}
}

On 9/8/2021 at 8:26 AM, tuanphan said:

#1. You mean make no padding between logo - top of screen?

#2. Add to Design > Custom CSS

/* Make footer text side by side */
@media screen and (max-width:767px) {
div#page-section-612745da695d17561466d7b9 .span-6 {
    width: 50% !important;
    float: left !important;
}
}

 

#1. Yes. 

//* Header Image Overhang *//
.header-title-logo img {
    max-height: 300px;
}
.header-title-nav-wrapper {
    align-items: flex-start;
}
.header-title-logo, .header-title-logo a {
overflow: visible !important;
  margin-bottom: 0px;
  margin-top: -20px;
}

------- correct me if this wrog code -------

#2. Work well.

#3. I need help- This website logo is portrait, can you help to make it a little bigger in the mobile version.

Hi,

Add to Design > Custom CSS

/* Logo bigger on mobile */
.header-mobile-logo img {
    max-height: 100px !important;
}

43 minutes ago, tuanphan said:

Hi,

Add to Design > Custom CSS

/* Logo bigger on mobile */
.header-mobile-logo img {
    max-height: 100px !important;
}

 

Work well. 

So all my problem is done.