Solved

Dawn - Move announcement bar arrows closer

Dabou
Explorer
118 2 16

Dabou_0-1707315760917.png

Hello guys, i would like to move the announcement bar arrows closer and increase their size a little.

Dazzilia.com

Thank you

Website: Dazzilia.com

Rate my website
https://community.shopify.com/c/shopify-design/rate-my-website/td-p/2439579
Accepted Solution (1)
TerenceKEANE
Shopify Partner
120 30 52

This is an accepted solution.

Put the contents of the <style> tag in the designated place below. Or if you have access to the <body> tag, you should do it along with the <style> tag. I think I helped you with some issues yesterday.

 

Yes, it will work for both cases.

 

https://help.shopify.com/en/manual/online-store/themes/theme-structure/extend/add-css

★ If I helped you, Please don't forget to Like and Mark Solution to the post that helped you.
If my support was a lifeline for you, a Coffee  would be the anchor keeping me steady!"
Software Engineer - Specializing In Advanced E-Commerce Websites | Hundreds Of Advanced E-Commerce Website Experiences
https://novajetsoft.com

View solution in original post

Replies 5 (5)

TerenceKEANE
Shopify Partner
120 30 52

The following codes will only work on the desktop version. You can adjust the distance of the icon with the 'width' part and its size with the 'height' part. I think you'll figure it out with a little effort!

 

 

<style>

    @media (min-width: 991.98px){
        div#Slider-sections--14809703350327__announcement-bar {
    width: 40%;
}

button.slider-button > svg {
    height: 1rem!important;
}
    }


</style>

 

Terence Keane

Software engineer specializing in Advanced E-commerce websites

 

Best Regards,

★ If I helped you, Please don't forget to Like and Mark Solution to the post that helped you.
If my support was a lifeline for you, a Coffee  would be the anchor keeping me steady!"
Software Engineer - Specializing In Advanced E-Commerce Websites | Hundreds Of Advanced E-Commerce Website Experiences
https://novajetsoft.com
Dabou
Explorer
118 2 16

@TerenceKEANE Where should i paste this code ? is it for moving the arrows closer also ?

Website: Dazzilia.com

Rate my website
https://community.shopify.com/c/shopify-design/rate-my-website/td-p/2439579
TerenceKEANE
Shopify Partner
120 30 52

This is an accepted solution.

Put the contents of the <style> tag in the designated place below. Or if you have access to the <body> tag, you should do it along with the <style> tag. I think I helped you with some issues yesterday.

 

Yes, it will work for both cases.

 

https://help.shopify.com/en/manual/online-store/themes/theme-structure/extend/add-css

★ If I helped you, Please don't forget to Like and Mark Solution to the post that helped you.
If my support was a lifeline for you, a Coffee  would be the anchor keeping me steady!"
Software Engineer - Specializing In Advanced E-Commerce Websites | Hundreds Of Advanced E-Commerce Website Experiences
https://novajetsoft.com
Dabou
Explorer
118 2 16

It worked, thank you!

Website: Dazzilia.com

Rate my website
https://community.shopify.com/c/shopify-design/rate-my-website/td-p/2439579
TerenceKEANE
Shopify Partner
120 30 52

you are welcome!

★ If I helped you, Please don't forget to Like and Mark Solution to the post that helped you.
If my support was a lifeline for you, a Coffee  would be the anchor keeping me steady!"
Software Engineer - Specializing In Advanced E-Commerce Websites | Hundreds Of Advanced E-Commerce Website Experiences
https://novajetsoft.com