Overlapping header and announcement bar. Baseline theme

Topic summary

A user encountered an issue where the announcement bar overlaps with the header/menu on their Shopify store using the Baseline theme (www.bynamo-official.com).

Solution Provided:

  • A PageFly support representative offered a CSS fix to be added in the theme.liquid file via Online Store → Theme → Edit code
  • The solution initially appeared to work

Current Status:

  • The fix does not work properly on mobile and smaller screens
  • The user has requested additional help to resolve the mobile responsiveness issue
  • The discussion remains open with an unresolved mobile display problem
Summarized with AI on November 14. AI used: claude-sonnet-4-5-20250929.

Hello,

I need help figuring out how to not have the announcement bar to overlap the menu/header.

URL: www.bynamo-official.com

Screenshot attached,

Thanks,
Anton

Hi @TheAnyTony ,
This is Theodore from PageFly - Shopify Page Builder App.
For solving the problem about the Overlapping Header And Announcement Bar. Baseline Theme, let’s try this solution:

Online Store ->Theme ->Edit code->theme.liquid


I’ll be so happy if my suggestion can help to solve your problem. If you have any further questions, please feel free to tell me.
Best regards,
Theodore | PageFly

1 Like

Thank you! much appreciated :slightly_smiling_face:

I see now that it doesn’t work on mobile and smaller screens. Could you help?