Getting Announcement Bar to Show on Mobile

Store Design
1

I’m trying to get my announcement bar to show on mobile, but I can’t figure it out. My site is travelingyarn.com. Thank you in advance!

1 Like
2

@TravelingYarn

oh sorry for that issue can you try this code

  1. Go to Online Store->Theme->Edit code
  2. Asset->/stylesheet.min.css ->paste below code at the bottom of the file.
@media (max-width: 767px) {
.top-bar__section-wrapper.top-bar.sm-hide.js-top-bar {
    display: block !important;
}
.top-bar__section-wrapper .block-one--false.block-two--true .top-bar__three {
grid-column: auto/span 12 !important;
}
}
1 Like
3

Perfect, thank you!

1 Like
4

@TravelingYarn

its my pleasure to help us