Need help centering my search bar on mobile

Store Design
,

Topic summary

A user is experiencing a mobile layout issue where their search bar appears misaligned to the right after previously fixing a logo centering problem.

Proposed Solution:

  • Add custom CSS to the base.css file targeting screens 749px and below
  • The CSS code uses absolute positioning with left: 50% and transform: translateX(-50%) to horizontally center the search element
  • Implementation path: Shopify Admin → Online Store → Theme → Edit code → base.css

Status: Solution provided but not yet confirmed as tested or resolved by the original poster.

Summarized with AI on November 2. AI used: claude-sonnet-4-5-20250929.
1

So just as I got the problem of not having ny logo centered fixed now the search bar is way off to the right when I look at my site on mobile. Does anybody know a fix to center this?

website: https://www.nexgengadgetsus.com

2

@nexgengadgets please add this css to the very end of your base.css file and check,
Shopify Admin → Online Store ->Theme → Edit code → base.css

@media only screen and (max-width: 749px) {
    .EzfyHeaderSearch.EzfyHeaderSearch-- {
        position: absolute;
        left: 50% !important;
        top: 60%;
        transform: translateX(-50%) !important;
    }
}