-
Posts
29 -
Joined
-
Last visited
Personal Information
- Website
-
Location
Ontario, Canada
Recent Profile Visitors
The recent visitors block is disabled and is not being shown to other users.
KevinWalton's Achievements
-
Bhavik started following KevinWalton
-
Moving the HTML Footer block to Article block
KevinWalton replied to KevinWalton's topic in Customize with code
This worked! Thank you SO MUCH. Seriously I cannot do this without you.- 6 replies
-
- html
- javascript
-
(and 2 more)
Tagged with:
-
KevinWalton reacted to a post in a topic: Moving the HTML Footer block to Article block
-
Moving the HTML Footer block to Article block
KevinWalton replied to KevinWalton's topic in Customize with code
I'm sorry I should of clarified, I was wondering if I could disable LUXY.JS on mobile, basically the smooth scroll only works on desktop, but on mobile it is completely turned off so that it's the normal scrolling. I have played with some code snippets but I cannot figure it out- 6 replies
-
- html
- javascript
-
(and 2 more)
Tagged with:
-
Moving the HTML Footer block to Article block
KevinWalton replied to KevinWalton's topic in Customize with code
That worked perfectly. Thank you. Do you think you can help disable it on mobile? So far this JS is not working <!-- Disable mobile: WORKING ON --> <script charset="utf-8"> var isMobile = /iPhone|iPad|Android/i.test(navigator.userAgent); if (!isMobile) { luxy.init({ wrapper: 'article', }); } </script>- 6 replies
-
- html
- javascript
-
(and 2 more)
Tagged with:
-
tuanphan reacted to a post in a topic: Disable Mix Blend Mode when Hamburger Menu opens in Header
-
KevinWalton started following Moving the HTML Footer block to Article block
-
Website: https://kevinwalton-portfolio-2023.squarespace.com/about Password: 1 Hi guys, Can anyone help out with my problem I am solving? On my About Page, I have added a script called Luxy JS. This makes the web page scroll slower. The only problem, is that it doesn't show the footer. The reason for that is because the Footer HTML block is not located in the one I have Luxy JS synced to, which is called Article. What I need to do is move the HTML Footer into Article using some kind of JS. Can someone help? Below is a screenshot of what I am looking for Here is the Luxy JS Code below, and is only located in the About page of the site above: <script src="https://min30327.github.io/luxy.js/dist/js/luxy.js"></script> <script> $(document).ready(function() { luxy.init({ wrapper: 'article', wrapperSpeed: 0.045, }); }); </script>
- 6 replies
-
- html
- javascript
-
(and 2 more)
Tagged with:
-
JayVanDyke reacted to a post in a topic: Disable Mix Blend Mode when Hamburger Menu opens in Header
-
Disable Mix Blend Mode when Hamburger Menu opens in Header
KevinWalton replied to KevinWalton's topic in Other
THANK YOU. This works! Seriously I can't thank you guys enough. I have been trying to figure this out for over 2 years. Thank you so much jaeveedee and tuanphan- 8 replies
-
- code-injection
- javascript
-
(and 1 more)
Tagged with:
-
Disable Mix Blend Mode when Hamburger Menu opens in Header
KevinWalton replied to KevinWalton's topic in Other
Sorry my bad, I was doing some editing. The code originally posted is now back on the site- 8 replies
-
- code-injection
- javascript
-
(and 1 more)
Tagged with:
-
Disable Mix Blend Mode when Hamburger Menu opens in Header
KevinWalton replied to KevinWalton's topic in Other
Website is https://kevinwalton-portfolio-2023.squarespace.com Password is: 1- 8 replies
-
- code-injection
- javascript
-
(and 1 more)
Tagged with:
-
KevinWalton changed their profile photo
-
Disable Mix Blend Mode when Hamburger Menu opens in Header
KevinWalton replied to KevinWalton's topic in Other
Doesn't seem to work, can you help me understand what to do with this code you have shared? Thank you for responding- 8 replies
-
- code-injection
- javascript
-
(and 1 more)
Tagged with:
-
Hello, I am trying to code the header to be mix blend mode. I have found a way to do so, but it effects the hamburger menu as well. I want to remove the mix blend mode on the hamburger menu when it is opened. And when it is closed, mix blend mode will enable again. I am also interested in any other ways to customize specific target elements like the header-title-text to be mix blend mode, but I cannot figure it out. I have been trying to accomplish this for 2 years and I am starting to get tired of trying. Can anyone help me? Code below of what I have so far <script> function toggleheaderburger() { const header = document.getElementById('header'); const headerburger = document.getElementById('header-burger'); const headerburgerbtn = document.getElementById('header-burger-btn'); if (headerburgerbtn.classList.contains('burger--active')) { // Hamburger menu is opened, set blend mode to "normal" header.style.mixBlendMode = 'normal'; headerburgerbtn.classList.remove('burger--active'); headerburger.classList.remove('header-burger'); } else { // Hamburger menu is closed, set blend mode to "difference" header.style.mixBlendMode = 'difference'; headerburgerbtn.classList.add('burger--active'); headerburger.classList.add('header-burger'); } } </script>
- 8 replies
-
- code-injection
- javascript
-
(and 1 more)
Tagged with:
-
Website is https://kw-aurora.squarespace.com/about-copy Password is "1" I am looking to get the effect on all image blocks, when scrolling, the images follow you as you scroll up and down in a 3D effect. There is a way to do it in CSS but my way doesn't work on Chrome. Let me know if you have any questions
-
Hi, Can anyone help me add this CSS to my images in Squarespace? I've been doing this for 4 hours straight with no luck. i am looking to do this: https://codepen.io/alvarotrigo/pen/OJxOrOg Thanks again.
-
No sure what you mean, the question is up top. I do not know how to install Butter Js, I am looking to get a really nice smooth scroll
- 3 replies
-
- code
- code-injection
-
(and 2 more)
Tagged with:
-
Site URL: https://www.kevinwalton.ca Hi, I was wondering if someone can help me work Butter.js on my site. I have tried everything I can but I can't do it. Here is the link to the Js: https://www.cssscript.com/smooth-momentum-scrolling-butter/ Thanks, Kevin W
- 3 replies
-
- code
- code-injection
-
(and 2 more)
Tagged with:
-
Beyondspace reacted to a post in a topic: Does Squarespace support Luxy Java Script?
-
Does Squarespace support Luxy Java Script?
KevinWalton replied to KevinWalton's topic in Customize with code
Blank template. Researched a lot on Design and found my style -
Site URL: https://www.kevinwalton.ca Need help coding this to my website. I have been trying for 6 hours but I cannot figure this out. Trying to add this to photos with the class: .sqs-block-image https://codepen.io/fusco/pen/IfsAa @import url(https://fonts.googleapis.com/css?family=Montserrat:700); body{ text-align:center; padding:0; margin:0; font-family: 'Montserrat', sans-serif; background-color:#111; } .parallax { padding:0px; perspective: 1px; height: 100vh; font-size:40px; overflow-x: hidden; overflow-y: auto; -webkit-perspective: 1px; perspective: 1px; } .content{ position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); opacity:.7; } .layer { position: absolute; top: 0; left: 0; right: 0; bottom: 0; padding: 100vh 0; } .base { transform: translateZ(-2px) scale(3); color:#FFF; } .closer { transform: translateZ(-1px) scale(2); font-size:300%; color:#BF55EC; } .closest { transform: translateZ(0); color:#19B5FE; font-size:700%; }