How can I adjust my header to fully display the logo?

Topic summary

A user is experiencing a header display issue where their logo is partially hidden beneath a banner when scrolling. They need the logo to be fully visible on both desktop and mobile devices.

Proposed Solutions:

  • Multiple users suggested adding CSS code to the theme.liquid file (above the </body> tag) to adjust header positioning
  • One solution involved changing the announcement bar section to position: relative

Current Status:

  • The initial CSS solution did not work for the user
  • The user clarified they want the header to appear only when scrolling up
  • A revised CSS approach was offered to remove previous styling and apply new positioning rules
  • The issue remains unresolved as the conversation appears ongoing
Summarized with AI on November 10. AI used: claude-sonnet-4-5-20250929.

it’s not working bro