Tagged: header, logo overlap, shrinking header
Hi,
i want the logo to overlap the slideshow which i allready achieved, but the logo does not appear on safari, any idea what could cause this?
What would i have to do if i want it also to work on the shrinking header? I think i read something like header.scrolled in another thread.
Thanks in advance, Max
Hey buero-36,
Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:
.avia-safari .logo, .avia-safari .logo a {
height: 236px;
width: 218px;
}
Best regards,
Yigit
Thanks, that worked for safari, as i found out there is still not everything working for chrome, only half the logo is shown. I allready tried everything i found like z-index: 9999999; or setting the #header_main .container{ overflow: visible;}
any thoughts?
Hey!
It does look fine on my end. Attached a screenshot in private content field. Can you please post a screenshot and show the issue you are having?
Regards,
Yigit
I checked it in Chrome in Windows and Chrome in OS X.
Both the way seen in the screenshot i attached.
Hi,
Try adding this css code in Quick CSS:
#header .logo {
overflow: visible !important;
}
Hope this helps :)
Best regards,
Nikko
Hi Nikko, thanks that helped.
I think i tried that without !important but was not able to find out that it was overwritten by some class – in firebug. What do you use for debugging?
Hi,
Most of us use the built in Inspector in Chrome. I can highly recommend Firefox developer edition as well!
Best regards,
Rikard
Ah thanks, there is a builtin inspector, have not seen that one.