a link is becomes unclickable after adding in css code

This is a new home page i am working on: yumobennyyang.com/new-home.

The cv link on the top right corner is clickable in the beginning, but as soon as the header (logo) sticks to the top, it becomes unclickable, i'm guessing because now it is covered by the transparent header. But i've tried playing with the z index of .header, .section,  etc. Nothing fixed it.  The link is also completely unclickable on mobile. Would be great if I could get some advice. Thanks!

Because you used code to sticky whole header, not logo only. Header overlap CV so you can't click it

The blue part is the part where you are using the code to make it sticky

Can you disable temporarily cursor custom animation effect? We can check your problem to find code to fix easier?

On 7/23/2023 at 10:41 AM, tuanphan said:

Because you used code to sticky whole header, not logo only. Header overlap CV so you can't click it

The blue part is the part where you are using the code to make it sticky

Can you disable temporarily cursor custom animation effect? We can check your problem to find code to fix easier?

I just disabled the cursor animation. The thing is if the header doesnt stick to the top it will remain in the middle and make my content in the middle of my page unclickable right? Thanks for looking at my code!

3 hours ago, YumoBennyYang said:

I just disabled the cursor animation. The thing is if the header doesnt stick to the top it will remain in the middle and make my content in the middle of my page unclickable right? Thanks for looking at my code!

Do you use Personal or Business Plan?

2 hours ago, tuanphan said:

Do you use Personal or Business Plan?

business

On 7/26/2023 at 10:56 AM, tuanphan said:

You can replicate cv link by adding this to Settings > Developer Tools > Code Injection > Footer

<div class="sqs-block html-block sqs-block-html" id="kl-cv"><div class="sqs-block-content">
<div class="sqs-html-content">
  <p style="text-align:right;white-space:pre-wrap;" class=""><a href="https://read.cv/yumobennyyang" target="_blank"><span class="sqsrte-text-color--accent">↗cv</span></a></p>
</div>
</div></div>
<style>
  div#kl-cv {
    position: fixed;
    top: 1vw;
    right: 2vw;
    z-index: 99999;
    padding: 0 !important;
}
</style>

 

That seems to be the best solution. Thanks again!