Align cart icon with with Menu and get rid of the white space

Store Design
, ,

Topic summary

A user needed help aligning their cart icon with the menu and removing resulting white space on their Shopify store.

Solution Provided:
A PageFly support representative offered CSS code to be added to the styles.css file:

  • Set .top-bar to position: absolute with width: 100% and margin-top: 10px
  • This initially worked but created a gap between menu and announcement bar when scrolling

Resolution:
The issue was resolved with additional CSS using a media query to adjust margin-top: 0 for the top bar at specific screen widths (max-width: 767px).

Status: Resolved - the user confirmed everything works correctly after applying the updated code.

Summarized with AI on November 10. AI used: claude-sonnet-4-5-20250929.
6

No everything is fine :smiley:

Thanks!

1 Like