Search box not aligning correctly in other pages, only home page

Store Design
1

I need help with aligning my search box in mobile view. It will only align in the home page of the site (because of the free shipping bar), but is missing 1/3 of the search box in other pages (which dont have the free shipping bar)

URL: slickmod.com

Here is picture for reference.

AD2DF1C8-EF5C-4124-BEA7-12D127333157.jpg
AD2DF1C8-EF5C-4124-BEA7-12D127333157.jpg946×2048 217 KB

1B75BEAF-E634-446C-BAD8-D466DE505013.jpg
1B75BEAF-E634-446C-BAD8-D466DE505013.jpg946×2048 118 KB

2

Hi @sabor ,

You can follow the instruction below:

  1. Go to Online Store->Theme->Edit code
  2. Asset->/theme.scss.css->paste below code at the bottom of the file:
@media (max-width: 551px){
  .search-bar {
    margin-top: 11px !important;
  }
}

If you feel like my answer is helpful, please mark it as a SOLUTION. Let me know if you have any further questions.

Best regards.