How do you add a picture to the top box on the extreme right side?

But the tagline moves depending on the screen size

How do you put a picture there instead?

<img src=”https://apsdemo.intellect.uk.com/wp-content/uploads/2014/05/safe-image.jpg&#8221; alt=”Just in case” title=”We are gas safe” height=”20px” width=”50px”/>

I put this on the tagline and it shows when I customize it but when its live it only shows the code not the picture.

Please help!

Tagline is supposed to be a text, and should remain so, that’s why you can’t render html tags.
Anyway what’s your goal? Wanna have that image there, and just in desktop mode?

Yes I want to put that image there…not just in desktop mode.

Yeah but that “extreme right side” is occupied by the tagline just for window width > 979px, to understand what I’m saying take a look here:
https://www.themesandco.com/
See those “Showcase” and “View Demo” button, they take the tagline place, now shrink the window to <= 979px and see what happens. Is that what you want?

yes like that… how do i shrink the window?

the browser window

I don’t understand what you mean, sorry could you elaborate where i can change this code?

I’m not talking about code, not yet, I’m asking you if that behavior, when you shrink the browser window, is what you want:
width >979px: https://oi60.tinypic.com/2m2gqhg.jpg
width <=979px: https://oi58.tinypic.com/sem35x.jpg

Yes thats what I want. A picture instead of “Showcase” and “View Demo” buttons and I want it to show on both so its responsive.

You can achieve that themesandco behavior adding this to your child theme functions.php:

add_filter('tc_tagline_display', 'display_image_tagline');
function display_image_tagline($html){
    global $wp_current_filter;
    $class = "container outside ";
    if ( in_array('__navbar', $wp_current_filter) )
        $class = "span7 ";

    // replace tagline
    return '<div class="'.$class.'tagline-image site-description"><img src="https://apsdemo.intellect.uk.com/wp-content/uploads/2014/05/safe-image.jpg" alt="Just in case" title="We are gas safe" height="20px" width="50px"/></div>';
}

And this to your child-theme style.css, or your custom css:

.navbar .site-description{
	float: right;
	text-align: right;
}
.navbar.resp .site-description{
	display: none;
}

Thank you but its showing in the middle..
https://apsdemo.intellect.uk.com/

Can I make it on the right?

I made it on the right, did you copied the css part in the custom css box or in your child-theme style.css ?
Do you have a child theme? Looks like you don’t have a child theme.
Where did you placed that code I gave you?
https://www.themesandco.com/customizr/how-to-customize-customizr-wordpress-theme/

I do have a child theme. I places the css part in themes folder in my child theme folder