Which files exactly are you trying to edit when making code changes?

Having had a look at the theme you would need to change your header.php file and then update your style.css file to align your added code to the right.

Here is what I added in my functions.php

// JLT Code Begin

function wpb_widgets_init() {

register_sidebar( array(
‘name’ => ‘Custom Header Widget Area’,
‘id’ => ‘custom-header-widget’,
‘before_widget’ => ‘<div class=”chw-widget”>’,
‘after_widget’ => ‘</div>’,
‘before_title’ => ‘<h2 class=”chw-title”>’,
‘after_title’ => ‘</h2>’,
) );

}
add_action( ‘widgets_init’, ‘wpb_widgets_init’ );

// JLT Code End

Here is what is in the header.php
This code occurs after the primer_action()

<?php

/* JLT code begin
* For displaying Custom Header Sidebar Widget
*/

if ( is_active_sidebar( ‘custom-header-widget’ ) ) : ?>
<div id=”header-widget-area” class=”chw-widget-area widget-area” role=”complementary”>
<?php dynamic_sidebar( ‘custom-header-widget’ ); ?>
</div>

<?php endif; ?>

This is what is in the additional css, which is added via customize in WordPress.
div#header-widget-area {

text-align: right;

}
h2.chw-title {
margin-top: 0px;
text-align: left;
text-transform: uppercase;
font-family: lato;
font-size: small;
width: 130px;
padding: 5px;
}

I know this css is not right, but I have tried several other css statements that don’t seem to get me there either.

Like inline block or align bottom, things like that.