Header Right Side Bar Widget Wrap

Yes, I can help you with the custom css. But I need to check in your site. So, please post in your site URL.

Ok for header right text you can add in the following css in “Appearance => Theme Options => Custom CSS” box.

#header-left {
    float: left;
    width: 25%;
}
#header-right {
    float: right;
    width: 75%;
}
@media screen and (max-width: 960px) {	
    #header-left, #header-right { width: 100%; }
}

But for the menu, you cannot make it left align for “Primary Menu” as this menu will be in Header Right Sidebar. So, remove that menu from your Header Right Sidebar and then do to “Appearance => Menus => Manage Locations” and then assign your menu to “Secondary Menu” and save changes.

You can color option in pro version you will have color options in your theme options panel to change it.

To align left secondary menu, you can just add the following css in “Appearance => Theme Options => Custom CSS” box.
#secondary-menu ul.menu li { float: left; }