How do I Add Social Icons To Header Infront Of Cart Icons?
I tried this code, but it put the social icons behind the cart icon. Also this code would load slowly so I would see the icons shifting as the page loads. Also the icons would not dissappear on smaller screens, it would just bend and create an awkard vertical line of social media Icons,
I have the latest dawn theme:
My Store URL is: https://retrochic-socialbychantee.myshopify.com
Password: 1
replace This
{%- if shop.customer_accounts_enabled -%}> > {% render ‘icon-account’ %}> > {%- liquid> if customer> echo ‘customer.account_fallback’ | t> else> echo ‘customer.log_in’ | t> endif> -%}> > > {%- endif -%}> > > {%- liquid> if cart == empty> render ‘icon-cart-empty’> else> render ‘icon-cart’> endif> -%}> {{ ‘templates.cart.cart’ | t }}> {%- if cart != empty -%}>
{%- if cart.item_count < 100 -%}> {{ cart.item_count }}> {%- endif -%}> {{ ‘sections.header.cart_count’ | t: count: cart.item_count }}>
{%- endif -%}> >
with this
{%- if shop.customer_accounts_enabled -%}> > {% render ‘icon-account’ %}> > {%- liquid> if customer> echo ‘customer.account_fallback’ | t> else> echo ‘customer.log_in’ | t> endif> -%}> > > {%- endif -%}> > > {%- liquid> if cart == empty> render ‘icon-cart-empty’> else> render ‘icon-cart’> endif> -%}> {{ ‘templates.cart.cart’ | t }}> {%- if cart != empty -%}>
{%- if cart.item_count < 100 -%}> {{ cart.item_count }}> {%- endif -%}> {{ ‘sections.header.cart_count’ | t: count: cart.item_count }}>
{%- endif -%}> >
{%- if settings.social_twitter_link != blank -%}> - > > {%- render ‘icon-twitter’ -%}> {{ ‘general.social.links.twitter’ | t }}> >
{%- endif -%}> {%- if settings.social_facebook_link != blank -%}> - > > {%- render ‘icon-facebook’ -%}> {{ ‘general.social.links.facebook’ | t }}> >
{%- endif -%}> {%- if settings.social_pinterest_link != blank -%}> - > > {%- render ‘icon-pinterest’ -%}> {{ ‘general.social.links.pinterest’ | t }}> >
{%- endif -%}> {%- if settings.social_instagram_link != blank -%}> - > > {%- render ‘icon-instagram’ -%}> {{ ‘general.social.links.instagram’ | t }}> >
{%- endif -%}> {%- if settings.social_tiktok_link != blank -%}> - > > {%- render ‘icon-tiktok’ -%}> {{ ‘general.social.links.tiktok’ | t }}> >
{%- endif -%}> {%- if settings.social_tumblr_link != blank -%}> - > > {%- render ‘icon-tumblr’ -%}> {{ ‘general.social.links.tumblr’ | t }}> >
{%- endif -%}> {%- if settings.social_snapchat_link != blank -%}> - > > {%- render ‘icon-snapchat’ -%}> {{ ‘general.social.links.snapchat’ | t }}> >
{%- endif -%}> {%- if settings.social_youtube_link != blank -%}> - > > {%- render ‘icon-youtube’ -%}> {{ ‘general.social.links.youtube’ | t }}> >
{%- endif -%}> {%- if settings.social_vimeo_link != blank -%}> - > > {%- render ‘icon-vimeo’ -%}> {{ ‘general.social.links.vimeo’ | t }}> > > {%- endif -%}>
