How to fix the search bar? Mobile view issues!

1. For the mobile, is it possible to have the "Search Bar" a "Search Icon"? For some reason, the mobile search bar is located at the bottom of the page. and when I zoom out of my page, there's a random white space to the right. How can I fix this?

2. Does anyone know how to move the Search Bar in between "Shop by Category" and "Best Sellers"? Is it possible to also make the header fixed?

3. How can I make the "Contact Us" look like theirs?

my website:

inspiration: 

Thank you!

#1. Did you solve it? It looks fine to me

#2. Move to this position?

to make header fixed on scroll, you can use this code to Website Tools (under Not Linked) > Custom CSS

header.Header {
    position: sticky !important;
    top: 0 !important;
    z-index: 99999;
}

#3. You mean float Contact Us to right of black bar?