Add Social Media Icons to The Announcement Bar for mobile view

[JordanGabe]

I would like to add social icons to the announcement bar but for mobile view as well, right now it only shows up in desktop view on the left, i want it to show up in mobile view on top something like this.

the website shown is pinkcloverla.com

my website is charmflowerstudio.com

[suyash1]

@JordanGabe - please add this css to the very end of your base.css file and check

@media screen and (max-width: 989px) {
.utility-bar .utility-bar__grid .list-social { display: flex; }

.utility-bar__grid.page-width{display: flex;    flex-direction: column;    justify-content: center;    align-items: center;}
}

[PageFly-Richard]

Hi @JordanGabe

This is Richard from PageFly - Shopify Page Builder App

Please add this code to your theme.liquid above the to get this solved

Step 1: Online Stores > Themes > More Actions > Edit code

Step 2: click on theme.liquid and paste the code above the

Also i have some suggestions for your product detail part here on the home page:

That you might consider to add the star rating review from the review app that you using below, and also highlight the price, by increase size, font..etc

Adding review stars can enhance customer trust in your product, and highlighting the price will make it easier for customers to find the product’s pricing.

Hope this can help you solve the issue

Best regards,

Richard | PageFly

[JordanGabe]

Thank you so much this worked perfectly!

[JordanGabe]

Thank you so much for the code and the suggestions, I’ll definitely do that! You’re right it will feel more trustworthy!

[brian_290ink]

Hi - thanks for the help! Is there a way I could have the social media icons show up on either side of the text, instead of above the text?

[suyash1]

@brian_290ink - can you please share this page link? I will check