Announcement Bar Icon Image - MOBILE

[lucianofashion1]

Hi, the Desktop Announcement Icon Image is Showing Correct on Desktop only...
On Mobile view, No Icons Show can someone help me so they show on mobile also.

Blockshop 10.1.0 Theme

Thank You

[Tech_Coding · Accepted solution]

Hello @lucianofashion1 

You can add code by following these steps

1. Go to Online Store -> Theme -> Edit code.
2. Open your theme.liquid file

3. Paste the below code before </body> on theme.liquid
<style>
@media only screen and (max-width: 767px) {
   .announcement--icon {
       display: block !important;
    }
}
</style>

my reply helpful? Click Like to let me know!
your question answered? Mark it as an Accepted Solution.

[Moeed]

Hey @lucianofashion1 

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>
.announcement--icon {
    display: block !important;
}
</style>

RESULT:

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

Best Regards,
Moeed

[Sangeetanahar]

hello @lucianofashion1 

Go to online store ----> themes ----> actions ----> edit code ---->assets ---->base.css...>
add the code end of the file

.announcement--icon {
    display: block !important;
}

Buy me a Pizza

If this was helpful, hit the like button and accept the solution.
Thanks

[BSSCommerce-B2B]

@lucianofashion1 ,

Step 1: Go to Shopify Admin -> Online Store ->Theme -> Edit code

Step 2: Search file theme.liquid

Step 3: Insert this code above </head> tag:

<style>
@media only screen and (max-width: 767px) {
   .announcement--icon {
       display: block !important;
    }
}
</style>