Rotating or Moving announcement bar - Debut theme

vshammyleela
Tourist
15 0 3

All,

 

I am in the process of setting up my online shop. The current default announcement bar is limited two few characters. Is there a way we an have a little more bigger announcement bar and also i want the moving announcement bar instead of just having it in the center i.e i would like the announcement to scroll from right to left of the page and keeps moving.

 

Please let me know. Using Debut Theme

Replies 11 (11)

KetanKumar
Shopify Partner
36839 3635 11972

Hello, @vshammyleela 

Please share your site URL,
So I will check and provide a solution here.

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
vshammyleela
Tourist
15 0 3

MS-WEB-DESIGNER
Shopify Partner
3012 181 484

Dear vshammyleela,

 

Hope this app will help you "Quick Announcement Bar"

Jessica_Park
Visitor
1 0 0

We have the same question - We are looking for an app that can do the "scrolling" announcement. So it's ticking and moving on the top, not just a still bar.

We already have the app "Quick Announcement Bar" and it doesn't have this feature.

KetanKumar
Shopify Partner
36839 3635 11972

@Jessica_Park 

can you please try this

https://codepen.io/ashavenger/pen/JpYVJX

 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
Metehan
Visitor
1 0 0

Where do i need to put the code?

sosucculent
New Member
4 0 0

I would be very careful using that link as it is linked to a website https://ashprincesskawaii.blogspot.co.id/ which means they can change it. any way the html editor is fun to play around with along with the CSS. If I find the solution I will post back.

 

KetanKumar
Shopify Partner
36839 3635 11972

@sosucculent 

what do you mean?

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
sosucculent
New Member
4 0 0

You gave this link in this thread https://codepen.io/ashavenger/pen/JpYVJX.    https://ashprincesskawaii.blogspot.co.id/ is owned by someone else? right? It is embedded  in the link you shared, I would have thought that would allow them to make changes to  https://ashprincesskawaii.blogspot.co.id/ making that banner behave strangely. Does not matter anymore since marque is getting removed. All good. I am probably wrong and happy to admit it.

KetanKumar
Shopify Partner
36839 3635 11972

@sosucculent 

if are you not able to code let me know pm details

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
Pedronunesly
Visitor
2 0 0

can you give me a step by step how to add that code?