Hi there,
The following steps should help you to get started:
– Hide site title/tagline etc and remove the site logo:
https://docs.generatepress.com/article/site-identity-overview/
– Add the site logo as the first header widget using Custom HTML like this:
<div class="site-logo">
<a href="http://HOME-PAGE-URL" title="" rel="HOME-PAGE-TITLE">
<img class="header-image" alt="" src="http://LOGO-IMAGE-URL" title="">
</a>
</div>
– Add the search widget as the second header widget.
– Add the Cart widget from WooCommerce as the third header widget.
– Add the following CSS:
.header-widget {
float: none;
max-width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.header-widget .widget_search {
margin: auto;
}