Docs

[cthurston2131]

I am curious if there is a way to add an image to the left and a different one to the right of my menu in the header?

[Rahul]

Hey There,

Thanks for writing in!

Do you mean to have two logos in the header with different images?

[cthurston2131]

Yes I would like 2 different images, 1 on either side of the menu. I have attached a picture of something like what I would like

[Friech]

Hi There,

Would you mind providing us with login credentials so we can take a closer look? To do this, you can make a post with the following info:

– Link to your site
– WordPress Admin username / password
– FTP credentials

Don’t forget to select Set as private reply. This ensures your information is only visible to our staff.

Thanks.

[cthurston2131]

This reply has been marked as private.

[Rue Nel]

Hello There,

Thanks for providing the access.

Because what you are trying to accomplish requires a template customization, we would like to suggest that you use a child theme. This allows you to make code changes that won’t be overwritten when an X update is released. After your child theme is setup, please review how we recommend making template changes in Customization Best Practices.

To add another logo next to the menu, since the child theme is set up, please add the following code in your child theme’s functions.php file

// Add a custom logo in the navbar
// =============================================================================
function add_custom_logo(){ ?>

  <div class="custom-link-container right">
      <!-- our custom header codes here -->
      <a href="#" title="Your new logo">
        <img src="http://placehold.it/120x40" alt="My Logo">
      </a>
  </div>

<?php }
add_action('x_after_view_global__nav-primary', 'add_custom_logo');
// =============================================================================

We would loved to know if this has work for you. Thank you.

[cthurston2131]

Thank you for that help. I have done this however for some reason the new logo is going under the menu instead of next to.

[Rue Nel]

Hello There,

Thanks for getting back to us. The second logo is underneath the menu because there is no more space enough to insert the logo to be align in line. I would recommend that you re arrange your menu and make it shorter. Perhaps you can please other menu items as one of the sub menu items. And lastly, you can then use this custom css.

.x-navbar .x-container.max{
    width: 98%;
}

.masthead-inline .desktop .x-nav {
    float: left;
}

.custom-link-container {
    padding-top: 20px;
}

Hope this helps.

[Author]

Posts