Solved

Ride Theme- Add the social icon nearby cart

NinescapeLand
Explorer
72 1 5

Hi guys, 

 

I want to add my social icon near the cart. such as this screenshot, please notice, that I already have social buttons at the bottom of my website, I don’t want to move them, I want to add social buttons next to the shopping cart, is this possible?

NinescapeLand_0-1711936680081.png

 

Best regard,

NinescapeLand

Accepted Solution (1)
wo
Shopify Partner
78 21 18

This is an accepted solution.

 

<div class="small-hide">
  {% render 'social-icons' %}
</div>

Modify the code 

View solution in original post

Replies 6 (6)

wo
Shopify Partner
78 21 18

Just add the icon code above the shopping cart icon.

wo_0-1711938089105.png

 

NinescapeLand
Explorer
72 1 5

Hi Wo,

 

Do you use Ride Theme? I can't find the social icon on the header.liquid.

 

Best regard,

NinescapeLand

wo
Shopify Partner
78 21 18

header.liquid does not have social icons, so you need to add this code to header.liquid, like the screenshot I took
{% render 'social-icons' %}

NinescapeLand
Explorer
72 1 5

great! but how can I adjust my mobile layout?

NinescapeLand_0-1711951781856.png

 

wo
Shopify Partner
78 21 18

This is an accepted solution.

 

<div class="small-hide">
  {% render 'social-icons' %}
</div>

Modify the code 

NinescapeLand
Explorer
72 1 5

Is it added to the back of {% render 'social-icons' %} 

or instead of {% render 'social-icons' %}