Announcement bar mobile customisation dawn theme

Store Design

Topic summary

A user modified the announcement bar on their Dawn theme Shopify store using custom CSS to:

  • Make the bar sticky at the top
  • Remove slider navigation arrows

The modifications work correctly on desktop but cause increased height on mobile devices.

Current Status:

  • The user shared their store URL (Softsavg.com) for troubleshooting
  • Community members are offering to help but awaiting clarification on the specific mobile height issue
  • No solution has been provided yet

The discussion remains open with helpers requesting more details about the desired mobile appearance.

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

I have made the following changes to the default announcement bar.

/* Announcement Bar Sticky */
#shopify-section-sections–23963343913242__announcement-bar {
position: sticky !important;
top: 0;
}

/* Announcement Bar Slider Arrow Removal */
.announcement-bar-slider .slider-button–prev,
.announcement-bar-slider .slider-button–next {
display: none;
}

It is working fine in desktop but the height increases in mobile.

Can anyone please help?

1 Like
2

Hey @DasPod could you please share your store URL in order to provide you solution code.

Thanks

3

no passcode

1 Like
4

@DasPod

Hi! What changes do you want?