Tagged: header, logo overlap, shrinking header
-
AuthorPosts
-
January 3, 2017 at 12:49 pm #728957
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
January 3, 2017 at 2:47 pm #729013Hey 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,
YigitJanuary 3, 2017 at 3:31 pm #729023Thanks, 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?January 3, 2017 at 5:27 pm #729072Hey!
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,
YigitJanuary 3, 2017 at 5:46 pm #729080I checked it in Chrome in Windows and Chrome in OS X.
Both the way seen in the screenshot i attached.
January 4, 2017 at 7:45 am #729316Hi,
Try adding this css code in Quick CSS:
#header .logo { overflow: visible !important; }Hope this helps :)
Best regards,
NikkoJanuary 4, 2017 at 2:21 pm #729406Hi 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?January 5, 2017 at 5:48 am #729723Hi,
Most of us use the built in Inspector in Chrome. I can highly recommend Firefox developer edition as well!
Best regards,
RikardJanuary 9, 2017 at 11:14 am #731053Ah thanks, there is a builtin inspector, have not seen that one.
January 9, 2017 at 2:33 pm #731148 -
AuthorPosts
- You must be logged in to reply to this topic.
