Image in Navigation Bar

Site URL: https://www.havenbeautyma.com

Is it possible to add the "green circle" image in the footer on my website to the navigation bar?

On 3/31/2022 at 5:43 AM, Haven14 said:

Site URL: https://www.havenbeautyma.com

Is it possible to add the "green circle" image in the footer on my website to the navigation bar?

Hi.

Which position on header? Under logo, right of logo or?

In between right nav and shopping cart. I am using code for split nav though and it doesn't always break correctly so that might make it even worse. Thoughts?

On 4/6/2022 at 9:39 PM, Haven14 said:

In between right nav and shopping cart. I am using code for split nav though and it doesn't always break correctly so that might make it even worse. Thoughts?

In this possible, clickable image or non clickable image?

Yes, in that area. It would be a clickable image.

Add to Settings > Advanced > Code Injection > Footer

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<script>
$(document).ready(function() { 
		$('<a class="tp-second-logo" href="https://google.com"><img src="https://cdn.pixabay.com/photo/2022/01/22/16/54/book-6957870__480.jpg"/></a>').appendTo('.header-actions.header-actions--right .showOnDesktop');
	});
</script>
<style>
  a.tp-second-logo img {
    width: 50px;
}
  .header-actions.header-actions--right .showOnDesktop {
    display: flex;
    align-items: center;
    flex-direction: row-reverse;
}
</style>