Hi,
is there a way to displace the logo in main menu so the letter y goes off bottom limit of the header. In other words, I would like the bottom part of letter y in the logo to be visible on top of the image at the top of the page.
This site: http://toyni.no/
Hey dalboslampen,
Try adding this css code in Quick CSS (located in Enfold > General Styling):
#top .logo, #top .logo a {
overflow: visible;
}
#top .logo img {
max-height: 110px !important;
}
#top .header-scrolled .logo img {
max-height: 56px !important;
}
Hope this helps :)
Best regards,
Nikko
i love it if link to live page is there:
.logo img { max-height: 135% !important }
.logo, .logo a { overflow: visible }
@media only screen and ( max-width: 767px) {
.responsive .logo img { max-height: 100px !important }
.responsive #header_main .container { height: inherit !important }
.responsive #top .logo { display: block }
.responsive #top #wrap_all .container.av-logo-container { width: 90%; max-width: 90% }
}
maybe you give my solution a chance – it overlaps the header area even on responsive case –
and shrinks as expected
that overlapping looks nice but i think if you choose the header with “Let logo and menu position adapt to browser window” on header-behavior
will be a bit nicer.
HI guys!
Amazing support – in a few minutes you give me several options!
I went for the 007 solution in this matter, but thank you very much both of you!
The live link was included in the original post, but here it is: http://toyni.no/
Regards & respect!
Hi,
Great, glad you got it working and thanks to @guenni007 for helping out :-)
Please let us know if you should need any further help on the topic or if we can close it.
Best regards,
Rikard