How Dawn theme decide the layout of the 3 column grid announcement bar?

How Dawn theme decide the layout of the 3 column grid announcement bar?

YuhangWang
Visitor
1 0 1

I'm learning Dawn and have a question on where it generate the 

grid-template-areas: 'social-icons announcements language-currency';

In base.css it is like this:
@media screen and (min-width: 990px) {
  .utility-bar__grid--3-col {
    grid-template-columns: 3fr 4fr 3fr;
    grid-template-areas: 'social-icons announcements language-currency';
  }
 
So in announcement-bar.liquid, for example, 'social-icons' must be generated, however, there is only this:
    {%- if section.settings.show_social and social_icons -%}
      {%- render 'social-icons' -%}
    {%- endif -%}
 
And I did not see 'social-icons' generation in the social-icons.liquid snippet as well.
 
I want to know how or why.
Reply 1 (1)

Made4uo-Ribe
Shopify Partner
10096 2398 3030

Hi @YuhangWang 

Would you mind to share your store URL? Thanks!

If this fixed your issue, Likes and Accept as Solution are highly appreciated. Coffee tips fuel my dedication.
Get experienced Shopify developers at affordable rates—visit Made4Uo.com for a quick quote!
Need THEME UPDATES but have custom codes? No worries, for an affordable price.