Chrisinsingapore

13 hours ago, Ziggy said:

Try this CSS:

.header-actions--right .header-actions-action--social .icon {
    height: 30px;
}

Many thanks - now working perfectly!

Site URL: https://chrisdixonfoto.com

I used the following code but want to increase the space between each icon - how do I do that? 

.header-actions-action--social  {
 flex-direction: column;
 position:fixed;
 left:-1vw; top:50vh;
 background:#000000;
 padding:1vw;
 border:1px solid #fff;}

.header-actions--right .header-actions-action--social .icon:first-child{margin-left:1vw}

Site URL: https://www.chrisdixonfoto.com

I have used the following code to customise my site title - but it's not working on mobile - okay on desktop:

@font-face {

    font-family: 'limited edition';

       src: url('https://static1.squarespace.com/static/62c688e2cc472d1f12de8886/t/62d23b12dd30f9676a693525/1657944851879/Limited+Edition.ttf');

  }

.header-title-text {font-family: 'limited edition';}