Hello,

1-Please add this code into your custom css box:

.header_7 .header_wrapper .footer_social_icons {
    width: 64% !important;
}

2-To align the button, please add this code:

.header_button {
    float: left !important;
    margin-left: 47px;
}

To move it after the menu items, you have to edit theme files. Please go to file header.php and find these lines:

<!-- Header Button -->
                        
<a href="<?php echo esc_attr($cl_redata['header_button_link']) ?>" class="btn-bt <?php echo esc_attr($cl_redata['overall_button_style'][0]) ?> header_button"><?php echo esc_attr($cl_redata['header_button']) ?></a> 

<!-- End Header Button -->

Remove them from here and paste (in the same file) right after this block:

  <div id="navigation" class="nav_top pull-right  <?php echo esc_attr($css_class) ?>">
     <nav>
      <?php 
        $args = array("theme_location" => "main", "container" => false, "fallback_cb" => 'codeless_default_menu');
        wp_nav_menu($args); ?> 
     </nav>
 </div>

3-What widget do you want to have? Please add it first. Then we will see what we can do to fix it the way you want it.
Let us know.

Best regards!