Logo not displayed on front page

Hello, Kriesi team,

One of our clients has a website built in Enfold/Avia. They tried uploading a new logo on WP Dashboard > Enfold > Theme options > Logo. They made sure it was 340px wide as suggested. However, it’s not displayed on the front page. Screenshot:
https://pasteboard.co/JJs4Fb6.png

In the site’s source, we found a bunch of jQuery that I can’t quite figure out (I don’t quite speak that programming language). The site was built by somebody else, not us, and our client says that dev apparently placed the jQuery there:
https://pasteboard.co/JJs5z8u.png

<script>
	jQuery(document).ready(function( $ ) {
		// remove links from masonry "Referenzen"
	  	$("#av_section_6 a.av-masonry-entry").removeAttr('href');
		
		//add logo with overflow into content
		$('#header_main').prepend("<div class='new_logo'><a href='/'></a></div>");
});
</script>

Now, I know this is gonna be a head scratcher, and I’m not quite sure you can help me, but here goes anyway. Since I didn’t build this site and my experience with Avia/Enfold is limited to say the least, I wonder:

• Do you recognize this jQuery? Is it part of your code, or did somebody else put it there?
• Is it responsible for the logo not displaying?
• How could it have gotten there? Is there a field for that kind of thing in the Enfold options?
• If the jQuery isn’t the culprit, what is?

I created a user for you. You can look into the backend, but since the site is live, please go easy on the plugin disabling. :-) Thanks in advance for your help!

===========================================
FYI, I worked around the problem for now by writing the following CSS:

/* BUG: LOGO NOT DISPLAYED */

#header_main .new_logo a {
	background-image: url(https://www.[website-url-redacted].de/wp-content/uploads/2021/01/afp-lgo21-300x66.png);
	background-repeat: no-repeat;
	background-position: center 15px;
	background-size: 280px auto;
}

@media screen and (max-width:768px) {
	#header_main .new_logo a {
		background-position: center 10px;
	}
}

@media screen and (max-width:480px) {
	#header_main .new_logo {
		left: 0; top: 0;
		width: 240px !important;
		height: 80px;
	}
	#header_main .new_logo a {
		background-size: 210px auto;
		background-position: center 12px;
	}
}

• This topic was modified 3 years, 9 months ago by 2SINN.