Solved

Ride Theme- Add the social icon nearby cart

NinescapeLand
Excursionist
52 1 4

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
73 20 17

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
73 20 17

Just add the icon code above the shopping cart icon.

wo_0-1711938089105.png

 

NinescapeLand
Excursionist
52 1 4

Hi Wo,

 

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

 

Best regard,

NinescapeLand

wo
Shopify Partner
73 20 17

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
Excursionist
52 1 4

great! but how can I adjust my mobile layout?

NinescapeLand_0-1711951781856.png

 

wo
Shopify Partner
73 20 17

This is an accepted solution.

 

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

Modify the code 

NinescapeLand
Excursionist
52 1 4

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

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