Add logo to slide out mobil menu.

Hey edster818,

Thank you for the inquiry.

The theme creates the mobile menu items dynamically based on the default menu, so you cannot just insert the logo image in a template. But it is still possible with a custom script.

Please try this snippet in the functions.php file.

// add logo image inside the mobile menu
function ava_custom_script_mod_logo_mobile()
{
?>
	<script>
		(function($) {
			$(document).ready(function() {
				var burger_wrap = $('.av-burger-menu-main a');
				
				$(burger_wrap).on('avia_burger_list_created', function() {
					setTimeout(() => {
						$("<div class='av-mobile-logo'><img src='IMAGE URL HERE' /></div>").prependTo('#av-burger-menu-ul').addClass("mobile_social_bookmarks");
					}, 150);	
				});
			});
		})(jQuery);
	</script>
<?php
}
add_action('wp_footer', 'ava_custom_script_mod_logo_mobile', 10000);

You can then use the av-mobile-logo class name or selector to adjust the style of the logo image.

.av-mobile-logo { 
   /* add styles here */
}

.av-mobile-logo img {
  /* add styles here */
}

Best regards,
Ismael

Hi,

Great, I’m glad that Ismael could help you out. Please let us know if you should need any further help on the topic or if we can close it.

Best regards,
Rikard