I have hidden a button on the mobile view that is on my announcement bar using this code
@media only screen and (max-width: 600px) {
#shopify-section-announcement-bar p.buttons {
display:none !important;
The issue I now have is that my announcement bar is hidden behind the main header - see attached images (my Announcement bar has the delivery timer on it)
Can anybody please advise why this is now behaving like this?
Hey, @RobMoore007 .
Tira here to help.
Thanks for your question. While we’re not trained in coding, I did dig through your forums posts shown on your Shopify Community profile and I noticed that you received this code from someone. Were you able to reach out to that person to ask if they could help? I recommend starting there if you haven’t yet already.
I also wanted to mention that you can always rollback your theme should you need to revert your code to a previous date and state. Check out our help doc for the steps: Roll back to an older version of your theme. With all modifications to themes, I recommend creating a duplicate theme so that you can discard your changes and start your theme fresh. Check out our help doc with the steps to do this here: Duplicating themes.
What theme are you using right now? Are you the developer of your theme?
Hi @RobMoore007 ,
Your problem maybe cause by the topbar has position: sticky/absolute/fixed.
In this case, can you please share us your URL site so we can check and give you the best solution as soon as possible.
Have a great day!
Thanks Tira
Thanks .. Top Bar is hidden
