New Shopify Certification now available: Liquid Storefronts for Theme Developers

How to center search bar

Shopify Partner
26 0 7

Dear Community, I hope everyone is doing well. I'm facing an issue with my Flashmart theme that's a third-party theme, the search bar is on the right side, and I want to align it in the center. If someone knows the solution then let me know, please.

Thanks in advance

Here is the store link:


Reply 1 (1)
147 16 17

Hi @Fahadhassan 

Follow these Steps:

Go to Online Store  Edit Code Find theme.liquid file or base.css

Add the following code in the bottom of the file above </body> tag

.header-top-right-group {
    width: 100%;
    display: flex;
    align-items: center;