How can I customize my desktop header?

Topic summary

Main issue: Request for help customizing the desktop header of an online store; mobile header is already configured but desktop layout isn’t.

Current status: No provided solution yet. The user asks if existing header settings are already edited and whether they must manually configure all sections.

Specific requests:

  • Guidance on replicating a provided design mockup for desktop.
  • Clarification on where to place custom code (base.css vs. theme files) for header changes.
  • Assistance customizing the search bar to match the desired design.

Assets provided: A live site link (salebk.com) and multiple screenshots/mockups. Images are central to understanding the desired layout and styling.

Technical context: Questions suggest changes may require editing theme files and CSS (e.g., base.css) and possibly header/search components in the theme.

Outcome: No decisions or actionable steps confirmed. The discussion remains open with key unanswered questions about implementation steps, file placement for code, and specific CSS/HTML adjustments needed to achieve the desktop header and search bar design.

Summarized with AI on January 10. AI used: gpt-5.

Hello everyone!
I need your help in customizing the Header
I have the mobile version set up, but I can’t set up the desktop version

Desktop

mobile

https://salebk.com

1 Like

Are these settings already edited? Do I have to edit all these sections myself?

1 Like

I am grateful for your help.

Should I paste the code into base.css or theme?

1 Like

your help is needed
can’t customize the search bar =(

1 Like

please help with the design as in the photo