Header Logo Overhang

Site URL: https://turkey-hen-4cwf.squarespace.com/

Hello, I use SS 7.1 and would like to have the header logo overhang the navigation background. I found code that works on the old style templates, but not on the new SS versions. I tried to adapt but without success.

.header-title-logo, .header-title-logo a {
overflow: visible !important;
}

.header-title-logo img {
max-height: 150px !important;
}

Any help is appreciated,

Alex

15 hours ago, tuanphan said:

What is access password?

In this case, I think you should use CSS position relative with negative top value, or negative margin bottom

YES! Negative bottom margin did the trick!!!! THANK YOU - such an easy fix.

//* Header Image Overhang *//
.header-title-logo, .header-title-logo a {
overflow: visible !important;
  margin-bottom: -35px;
}
.header-title-logo img {
max-height: 90px !important;
}

I'm wondering how to do this in SS 7.0 Brine template, please. I want the circle of the logo to dip into the top of the image on each page.

Much thanks. 

https://petalplum.com.au/

Just now, Petalplum said:

I'm wondering how to do this in SS 7.0 Brine template, please. I want the circle of the logo to dip into the top of the image on each page.

Much thanks. 

https://petalplum.com.au/

Also - so that the main header section is actually smaller - it's a bit too big at the moment as the logo is big. 

On 12/1/2020 at 3:36 AM, Petalplum said:

I'm wondering how to do this in SS 7.0 Brine template, please. I want the circle of the logo to dip into the top of the image on each page.

Much thanks. 

https://petalplum.com.au/

I see you solved..

On 12/3/2020 at 10:26 PM, tuanphan said:

I see you solved..

Thank you. Yes I did. Expect on the product and blog post pages it doesn't seem to work... But I'll find a workaround.