YumoBennyYang Posted July 22, 2023 Posted July 22, 2023 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!
tuanphan Posted July 23, 2023 Posted July 23, 2023 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? Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)
YumoBennyYang Posted July 25, 2023 Author Posted July 25, 2023 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!
tuanphan Posted July 25, 2023 Posted July 25, 2023 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? Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)
YumoBennyYang Posted July 25, 2023 Author Posted July 25, 2023 2 hours ago, tuanphan said: Do you use Personal or Business Plan? business
Solution tuanphan Posted July 26, 2023 Solution Posted July 26, 2023 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> Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)
YumoBennyYang Posted July 27, 2023 Author Posted July 27, 2023 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! tuanphan 1
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment