How to pause announcement bar text when I hover over it

Shopify Discussion
,
1

Hi I want to pause the announcement bar text when I hover over it with the cursor.

website url : https://www.eshoop101.com

2

Hello There,

  1. In your Shopify Admin go to online store > themes > actions > edit code
  2. Find Asset >base.css and paste this at the bottom of the file:
.announcement-bar__message.center.h5:hover {
animation-play-state: paused;
}
3

Amazing that worked for me , Thank you.

4

@ZestardTech I have applied this code the main menu header is no longer sticky on scroll . Before That It was sticky upon the scroll. Can you check the code thank you.