Ride Theme- Add the social icon nearby cart

Solved

Ride Theme- Add the social icon nearby cart

NinescapeLand
Explorer
87 1 12

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
188 42 40

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
188 42 40

Just add the icon code above the shopping cart icon.

wo_0-1711938089105.png

 

NinescapeLand
Explorer
87 1 12

Hi Wo,

 

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

 

Best regard,

NinescapeLand

wo
Shopify Partner
188 42 40

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
87 1 12

great! but how can I adjust my mobile layout?

NinescapeLand_0-1711951781856.png

 

wo
Shopify Partner
188 42 40

This is an accepted solution.

 

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

Modify the code 

NinescapeLand
Explorer
87 1 12

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

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