How to set Tall Logo to Overhang

Hi,
You will have to set the height of the site-logo class to something fixed.
Try this and adjust the values to suit your needs.

.site-logo {
  height: 25px;
}

You may also need to add media queries to suit other devices.

Hi Menaka! Thank you for your reply but when I add that code to the Custom CSS and even in the style css, it does not do what we need. It’s still the same. The header area where the menu is also gets stretched out to however high the logo is. What we would like to see is, the header area where the menu is, to stay the normal size but have the logo go down passed that area and over the slider. I hope that makes sense. The website link below shows what we would like to achieve:

Link

Thank you for your help.
MJ

Hi,
I can see the logo over the slider now.

Yes, do you have any suggestions as to how we could achieve that in our website as well?

Thanks.
MJ

Hi,
Is that not your site?
Please post your site url. The code I gave should work. Look at a tall logo overhangin the slider on my test installation.

https://imgur.com/a/2hmg9

Hi,

I have been trying to figure out how to do something similar. I would like to have the expanded/contracted menu on my desktop website, which is already possible in this theme.

However, in my version, in the expanded view, only the logo overhangs the whole menu (Navbar) bar. As I start to scroll down, the logo contracts to its smaller state, as it already does by default. The rest of the menu bar (menu, social icons, byline, height of the menu bar) remains stationary and will not change. The contracted logo will now fit inside the navbar.

Could someone please tell me how to do it?

My website: https://www.takuhomes.com

Thank you!
Mihael

• This reply was modified 8 years ago by mikblik.
• This reply was modified 8 years ago by mikblik.

Hi @mikblik,
Please open a new thread for your issue. Thanks ??