How can I eliminate horizontal padding in the Search Bar?

Store Design
, ,

Topic summary

A user seeks to remove horizontal padding from their website’s search bar.

Solution Provided:

  • Add CSS code to the base.css or theme.css file
  • Target the .EzfyHeaderSearch.EzfyHeaderSearch--desktop class
  • Apply display: flex and justify-content: center properties

Status: A CSS solution has been offered but not yet confirmed as resolved by the original poster.

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

Hi all! How to remove horizontal padding in Search Bar?

my site salebk.com

AntonysaleBK_0-1706052518755.png
AntonysaleBK_0-1706052518755.png1920×1080 582 KB

2

Add this code in your base.css or theme.css file:

.EzfyHeaderSearch.EzfyHeaderSearch--desktop {
  display: flex;
  justify-content: center;
}

1.PNG
1.PNG1206×451 24.2 KB

1 Like