Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search
  • 0

Floating/sticky e-mail icon that links to contact page



Site URL: http://www.believestudio.co.uk

Hi there, I'm not the best when it comes css, html etc so I was just wondering if anybody could help me! Usually I would find a tutorial and just follow that but this was getting a bit complicated for me. 

I want a floating/sticky button in the left hand corner of my website which links to my contact page. I was thinking about having a little envelope icon instead of text.

Thanks in advance for any suggestions and tips. Really appreciate it! 



Link to post
  • Answers 1
  • Created
  • Last Reply

Top Posters For This Question

Top Posters For This Question

1 answer to this question

Recommended Posts

  • 0

Add to Home > Settings > Advanced > Code Injection > Footer

<a href="https://example.com/contact" class="tuan"><span class="arrow"></span></a>

Add this to Home > Design > Custom CSS

.tuan {
    font-weight: 300;
    letter-spacing: 3px;
    font-size: 15px;
    text-transform: uppercase;
    text-align: center;
    line-height: 1.6;
    padding-left: 2px;
    padding-top: 4px;
    position: fixed;
    left: 30px;
    bottom: 30px;
    width: 40px;
    height: 40px;
    z-index: 999;
    background-color: transparent;
    color: #000;


Link to post

Create an account or sign in to comment

You need to be a member in order to leave a comment

  • Create New...