Solved

Editing mobile announcement bar size

Cynos_Express
Visitor
2 0 0

I am trying to make the announcement bar on mobile thinner than it is now. 

The bar is too thick compared to the text size. I need it to be half size of the original. 

The website name url is urbancliff.co

thank you

Accepted Solution (1)

Moeed
Shopify Partner
3804 962 1193

This is an accepted solution.

Hey @Cynos_Express 

 

Follow these Steps:

1) Go to Online Store
2) Edit Code
3) Find theme.liquid file
4) Add the following code in the bottom of the file above </body> tag.

<style>
@media screen and (max-width: 767px) {
.announcement-bar {
    padding: 0 !important;
}
}
</style>

RESULT:

Moeed_0-1715629188177.png

 

If I managed to help you then, don't forget to Like it and Mark it as Solution!

 

Best Regards,
Moeed

Need a Shopify developer? Chat on WhatsApp


- For Shopify Design Changes | Shopify Custom Coding | Custom Modifications
- Your Coffee Tip and my code, A perfect blend. ❤️

View solution in original post

Replies 4 (4)

Moeed
Shopify Partner
3804 962 1193

This is an accepted solution.

Hey @Cynos_Express 

 

Follow these Steps:

1) Go to Online Store
2) Edit Code
3) Find theme.liquid file
4) Add the following code in the bottom of the file above </body> tag.

<style>
@media screen and (max-width: 767px) {
.announcement-bar {
    padding: 0 !important;
}
}
</style>

RESULT:

Moeed_0-1715629188177.png

 

If I managed to help you then, don't forget to Like it and Mark it as Solution!

 

Best Regards,
Moeed

Need a Shopify developer? Chat on WhatsApp


- For Shopify Design Changes | Shopify Custom Coding | Custom Modifications
- Your Coffee Tip and my code, A perfect blend. ❤️
Cynos_Express
Visitor
2 0 0

it worked. 

Thank you!

Moeed
Shopify Partner
3804 962 1193

Thank you for your reply. I'm glad to hear that the solution worked well for you. If you require any more help, please don't hesitate to reach out. If you find this information useful, a Like would be greatly appreciated.

Need a Shopify developer? Chat on WhatsApp


- For Shopify Design Changes | Shopify Custom Coding | Custom Modifications
- Your Coffee Tip and my code, A perfect blend. ❤️
dreamtechzone_5
Shopify Partner
267 1 32

Hello Moeed!

 

I am using shopify inspired theme. How can I add a social share icon? I have added an image. I want to keep the social share icon exactly like this image. Is it possible? Please help me. Thank you.
URL: https://blue-chic-clothes.myshopify.com/products/sexy-women-one-shoulder-long-sleeve-jumpsuit
Password: Admin

Now

Screenshot 2024-05-14 014626.png

I want

 

dreamtechzone_5_0-1715629523664.png