Too much space in header after adding social icon - Please Help :)

[gclause1]

Pretty new to shopify and edited my Dawn theme code to add the social icon in the header. From exploring the forums I added this code to the header:

{%- if settings.social_youtube_link != blank -%}

{%- render 'icon-youtube' -%} {{ 'general.social.links.youtube' | t }}

{%- endif -%}

The code worked and I was able to add the same social icon to the header as was in the footer. But, now there is a lot of extra space in the header. See Attached photo.

I would prefer to have the social icon directly to the Right of “Animal BJJ Apparel” at the top. It appears like the social icon is now on its own line which I do not like. Here is my url: https://animalbjjgear.com/

[KetanKumar]

@gclause1

oh sorry for that issue your store password protect

[made4Uo]

HI @gclause1 ,

You can do the following instead

1. From your Admin Page, click Online Store > Themes >Actions > Edit code
2. In the Asset folder, open the base.css
3. Paste the code below at the very bottom of the file.

a#cart-icon-bubble {
    margin-right: 0;
}

4. Next, open the header.liquid and find the . Before the , paste the code below.

See image for placement.

          {%- render 'icon-youtube' -%}
          {{ 'general.social.links.youtube' | t }}