How to add image icon in Header-Nav Bar for Sparkling theme

Sparkling
1

Hello Support,

I love Sparkling theme.
Will appreciate if can provide some help on formatting the Header-Nav Bar for my site:healthsmart365days.com
I want to add a [Image Icon] on the top nav-bar on “right side” as highlighted in the attachement below.

Will appreciate your help and reply.
Thanks

2

Hi @linusk,

I hope you are well today and thank you for your question.

It seems the bitmap image that you are trying to share did not get uploaded because this file type is not permitted for security reasons.

To achieve this you can try adding the following code in the functions.php file of your Sparkling child theme.

/**
 * Header menu (should you choose to use one)
 */
function sparkling_header_menu() {
    echo '<img class="pull-right" height="100" width="200" src="https://cdn3.colorlib.com/wp/wp-content/uploads/sites/2/colorlib-logo-top.png">';
  // display the WordPress Custom Menu if available
  wp_nav_menu(array(
    'menu'              => 'primary',
    'theme_location'    => 'primary',
    'depth'             => 2,
    'container'         => 'div',
    'container_class'   => 'collapse navbar-collapse navbar-ex1-collapse',
    'menu_class'        => 'nav navbar-nav',
    'fallback_cb'       => 'wp_bootstrap_navwalker::fallback',
    'walker'            => new wp_bootstrap_navwalker()
  )); 
 
} /* end header menu */

Change the image URL in the above code to the image icon that you want to display there.

Best Regards,
Movin