Hello,
By default, there is no option to change the search to the icon, this request additional customization. Copy standard.php file from xstore/headers to child-theme/headers folder and change this https://prnt.sc/jpdk29 to https://prnt.sc/jpdk29 (this code should be deleted https://prnt.sc/jpdjw9)
+ add this code in Theme Options > Styling > Custom css > Custom css for desktop:
.navbar-header .header-search {
order: -1;
}
.navbar-header {
display: flex;
}
.navbar-header.show-in-header > * {
padding: 0 1em 0 0;
}
.navbar-header.show-in-header > *:last-child {
padding-right: 0;
}
To align your text to center, you need to change this code (Header custom HTML):
<div class="row">
<div class="col-md-6">
<p style="font-size: 17px; color: #232f3e;"><i class="fa fa-phone" style="font-size: 19px; margin-right: 10px;"></i>Kontaktna številka <span style="color: #232f3e; font-weight: bold;">051 385 324</span></p>
</div>
</div>
to:
<div class="row custom-contact-information">
<p style="font-size: 17px; color: #232f3e; text-align: center"><i class="fa fa-phone" style="font-size: 19px; margin-right: 10px;"></i>Kontaktna številka <span class="contact-number" style="color: #232f3e; font-weight: bold;">051 385 324</span></p>
</div>
and delete previouse custom css code http://prntscr.com/jpf0xb then let me know I will give you a new one.
Regards