Site Logo Not Loading

Site URL: https://playtekitchen2.squarespace.com

Hi all, 

I am having a bit of a problem with my logo not loading on my site. I have some custom CSS to make the logo shrink in size on scroll and overlap the navigation bar. I am not sure why, but the logo does not appear on any page of the site until you pull the page down a bit. On mobile version, everything seems fine. Any advice on what might be the issue?

site: playtekitchen2.squarespace.com

password: foodiefun

Thanks in advance, 

Matt

The Animation Feature conflict something. Add this to Design > Custom CSS

.header-title-nav-wrapper * {
    opacity: 1 !important;
}

Could this have anything to do with it:

.tweak-global-animations-animation-type-flex .preFlex {
    opacity: 0;

}

When looking at the Mobile Menu logo the opacity is set to 1 for the .tweak-global-animations-animation-type-flex .preFlex

4 hours ago, tuanphan said:

The Animation Feature conflict something. Add this to Design > Custom CSS

.header-title-nav-wrapper * {
    opacity: 1 !important;
}

 

This worked great! Thank you!