Xwinter_soul

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!

@tuanphan Thank you for the code! However, when I am in tablet mode, the "phone number" is on top of the "contact us" navigation bar. How can we fix this?

Site URL: https://www.ggcatalog.com/ Hi, I was wondering if anyone knew how I can make the phone number be on the very right of the navigation bar and making only the phone number be in bold? As of now, I was able to put it there by making it a link. Here is a code someone helped me with for creating the navigation bar: .Header-inner.Header-inner--bottom { background: #75B9DC; } /* header search border */ header.Header .search-block input { border-color: #ff7900!important; border-width: 2px!important; border-radius: 25px!important; } /* Hide header search on mobile */ @media screen and (max-width:900px) { .Mobile-bar .search-block { display: none; } } .sqs-search-page-input { border-radius: 50px; } .sqs-search-container-item em {font-style:italics!important; font-weight:bold; background:#FFF} div#categoryNav:before { content: "Tuan Phan"; display: block; text-align: center; font-family: monospace; color: white; margin-bottom: 20px; } Thanks!