Shopify themes, liquid, logos, and UX
We're moving the community! Starting July 7, the current community will be read-only for approx. 2 weeks. You can browse content, but posting will be temporarily unavailable. Learn more
Hi!
I have tried many codes now but nothing seems to work for me so far. I would like the announcement bar to be sticky:https://mayli-jewels.com/
Also I can't seem to remove the product count in my collection list section now called "categories" just below the banner.
Can you help me?
@maylijewels@maylijewels, the best you'd be able to achieve with DIY is something like this:
1. In your Shopify Admin go to: online store > themes > actions > edit code
2. Find Asset > theme.css and paste this at the bottom of the file:
#shopify-section-utility-bar{
position: sticky;
top: -1px;
}
As you can see, it's not optimal and the sticky announcement bar will overlap. This is because the sticky header in your theme is being calculated via Javascript, it would require some work to adapt that.
Thank you.
Kind regards,
Diego
That did not work for me what am I doing wrong? I've just adde only a white balk extra on top of the announcement bar plus a symbol.