Hi Shopify Community,
Currently, the dropdown menus within the header menu only appear when a user clicks on the corresponding menu item. I would like to modify this behavior so that the dropdown menus appear when a user hovers their mouse over the menu item (and any submenus, if applicable).
I would like to implement a floating announcement bar or banner on the website. This banner should appear on the right-hand side(or somewhere) of the screen and move horizontally to the left-hand side at a moderate speed.
Could you please help me with these two changes?
Website: hamperpick.in
Theme: Dawn
I have figured out to add the hover effect in the menu.
Can anyone help with floating announcement bar?
Hi @thingsontheway , You can try to follow my instructions.
Step 1: Go to Admin → Online store → Theme > Edit code:
Step 2: search theme.liquid and insert code below
The notification will auto-run every 4 seconds
I hope these instructions will help you. If they are helpful, don’t forget to like and mark as the solution.
Have a nice day sir!
Thank you @BSSCommerce-B2B for the response. I added your code to the end of theme.liquid file. But it has misaligned the bar. Now there are 3 rows here and the movement of the message in the bar is happening only at the center position. I need the movement like happening across the screen from the extreme right of the screen to the extreme left of the screen constantly.
