Social Icons In Header On Desktop Only. Brooklyn Theme

Excursionist
12 0 4

Hi,

Can anyone help me with adding social icons to my fixed header on Brooklyn theme. I have attached an image of the menu bar. After increasing the width of my site i have some spare room in the middle. I would like to know how i add

{% include 'social-icons' %}

to this place (in white as header is black). Only on desktop. Please!

Screenshot 2019-11-18 15.05.29.jpg

Thanks in advance!

Luccardo.com

0 Likes

Hello ,

You have to do some custom changes in your header.liquid file

Want to modify or incorporate custom changes on store, Hire us.
If helpful then please Like and Accept Solution .
Email: pallavi@oscprofessionals.com
Skype : oscprofessionals-87
Free Review and advice for sale on store | Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | SEO & Digital Marketing | Site Speed Optimization | Performance Site Audit
0 Likes
Excursionist
12 0 4

Hi, 

I can place it in the header.liquid but only to appear on both mobile & desktop, since it doesn't work aesthetically on mobile i would like it to appear just on desktop. Can you help with this?

 

Thanks

0 Likes

add "medium-down--hide" class ..After that it shows only on desktop view...

<div class="medium-down--hide">
{% include 'social-icons' %}
</div>

 

Want to modify or incorporate custom changes on store, Hire us.
If helpful then please Like and Accept Solution .
Email: pallavi@oscprofessionals.com
Skype : oscprofessionals-87
Free Review and advice for sale on store | Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | SEO & Digital Marketing | Site Speed Optimization | Performance Site Audit
0 Likes
Excursionist
12 0 4

Thanks. I will give this a go :)

0 Likes