Re: Make Announcement bar sticky - Lorenza Theme and remove product count from collection list

Make Announcement bar sticky - Lorenza Theme and remove product count from collection list

maylijewels
New Member
8 0 0

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?

Replies 4 (4)

diego_ezfy
Shopify Partner
2967 571 901

@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;
}

 

diego_ezfy_0-1711498913874.png

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

maylijewels
New Member
8 0 0

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.

 

 

maylijewels
New Member
8 0 0

Screenshot 2024-03-28 at 13.16.29.png

maylijewels
New Member
8 0 0
This is amazing! I have missed completely your message. I’m not sure if I have a third party developer app tbh…

what can I do?