Hello,
- Consider checking out the Documentation to modify Header Heights/Logo Sizes: http://docs.semicolonweb.com/docs/header/header-heights/ . You can first set the
.header-size-custom Class to the #header Element and then use the following CSS Code:
.header-size-custom #logo img {
height: 70px;
}
- You can consider using the following Code outside the
.container DIV:
<div class="w-100 p-4">
<img src="https://source.unsplash.com/H0r6LB_9rz4/1920x1080" alt="Image" />
</div>
Hope this Helps!
Additionally, since this layout/feature (Image Full-Width Section) requires generic CSS/HTML Codes, you will need to manually code this or Hire a Freelancer to help you out. We currently do not provide Customization related Support according to the Item Support Policy: https://themeforest.net/page/item_support_policy .
Let us know if we can help you with anything else or if you find any further issues.