Logos above the navbar

[mauriatti]

Hello,

Im using renew stack and Ubermenu.
I want to put two logos aligned right above the ubermenu bar (see attachment)

Summary

The site is in test mode:
https://94.126.169.135/~adfaport/

align to the right

Apreciate your help please.
Ivo Mendes

[jade]

Hi there,

This would involve some template file modification as there is no out of the box option where you can add images to the header.

To do this, you will have to install and activate the child theme. Once the child theme is active on the site, login through FTP and go to wp-content/themes/x-child/framework/legacy/cranium/headers/views/global.

If the directories above are not created yet, you will have to create the directories until you complete the directory structure to global directory.

Create the file _nav-primary.php inside the global directory. Edit the file and add this code:

<?php

// =============================================================================
// VIEWS/GLOBAL/_NAV-PRIMARY.PHP
// -----------------------------------------------------------------------------
// Outputs the primary nav.
// =============================================================================
?>
<div class="right">
    <img src="URL_TO_THE_LOGO_IMAGE" alt="" />
    <img src="URL_TO_THE_LOGO_IMAGE" alt="" />
</div>	 
<?php
if( function_exists( 'ubermenu' ) && $config_id = ubermenu_get_menu_instance_by_theme_location( 'primary' ) ):
	ubermenu( $config_id, array( 'theme_location' => 'primary') );
 else: ?>

<a href="#" id="x-btn-navbar" class="x-btn-navbar collapsed" data-x-toggle="collapse-b" data-x-toggleable="x-nav-wrap-mobile" aria-selected="false" aria-expanded="false" aria-controls="x-widgetbar">
  <i class="x-icon-bars" data-x-icon-s="&#xf0c9;"></i>
  <span class="visually-hidden"><?php _e( 'Navigation', '__x__' ); ?></span>
</a>

<nav class="x-nav-wrap desktop" role="navigation">
  <?php x_output_primary_navigation(); ?>
</nav>

<div id="x-nav-wrap-mobile" class="x-nav-wrap mobile x-collapsed" data-x-toggleable="x-nav-wrap-mobile" data-x-toggle-collapse="1" aria-hidden="true" aria-labelledby="x-btn-navbar">
  <?php x_output_primary_navigation(); ?>
</div>

<?php endif; ?>

Please edit the part:

<div class="right">
    <img src="URL_TO_THE_LOGO_IMAGE" alt="" />
    <img src="URL_TO_THE_LOGO_IMAGE" alt="" />
</div>

Edit the src value in the code.

Since this is a customization to the theme, this will help you get started. You might need to add some more CSS code to further style the newly added images and their alignment.

Hope this helps.