I have a website that the logo is no longer displaying. I am using Startup Biz template and have checked and made sure it was updated. I'm not finding any error either.

I do have some custom CSS on the site and it may affecting it but even after removing the .css it doesn't show the logo.

//.sp-megamenu-parent > li > a {font-size:16px;}

sp-header .sp-megamenu-parent > li > a { color: #FFFFFF;}

.sp-megamenu-parent > li.active > a, .sp-megamenu-parent .sp-dropdown li.sp-menu-item.active > a {color: #F6EE3B!important;}

sp-header .sp-megamenu-parent>li:hover>a {

color: #943C95;

} .sp-megamenu-parent .sp-dropdown .sp-dropdown-inner {padding:10px;} .sp-megamenu-parent .sp-dropdown li.sp-menu-item > a {padding: 4px 7px; }

sp-header, #sp-header .logo {height: 150px; }

offcanvas-toggler {height: 120px; line-height: 120px;}

.sp-megamenu-parent > li > a, .sp-megamenu-parent > li > span {line-height: 120px;} .sp-megamenu-parent .sp-dropdown li.sp-menu-item {line-height: 30px;}

@media (max-width: 1024px){ .sp-page-builder .page-content #section-id-1629079084623{ padding-top: 36% !important; } }

offcanvas-toggler > i { color: #F6EE3B !important; font-size: 32px; }

@media screen and (max-width: 740px) {

sp-header .col-4 {width: 33.33%; flex: 0 0 auto;}

sp-header .col-2 {width: 16.66%; flex: 0 0 auto;}

sp-header .col-6 {width: 50%; flex: 0 0 auto;}

sp-header .row {

display: flex; flex-wrap: wrap; margin-top: calc(-1 var(--bs-gutter-y)); margin-right: calc(-.5 var(--bs-gutter-x)); margin-left: calc(-.5 * var(--bs-gutter-x));} } // This website is being moved to a new server but it is doing it on both servers so I know it isn't PHP or server based issues.