Jump to content

KevinWalton

Circle Member
  • Posts

    29
  • Joined

  • Last visited

Reputation Activity

  1. Love
    KevinWalton reacted to tuanphan in Moving the HTML Footer block to Article block   
    try this
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.7.0/jquery.min.js"></script> <script> jQuery(document).ready(function($) { if ($(window).width() > 768) { luxy.init({ wrapper: 'article', }); } }); </script>  
  2. Like
    KevinWalton got a reaction from tuanphan in Disable Mix Blend Mode when Hamburger Menu opens in Header   
    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
  3. Like
    KevinWalton got a reaction from JayVanDyke in Disable Mix Blend Mode when Hamburger Menu opens in Header   
    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
  4. Like
    KevinWalton got a reaction from Beyondspace in Does Squarespace support Luxy Java Script?   
    Blank template. Researched a lot on Design and found my style
  5. Like
    KevinWalton got a reaction from Beyondspace in Does Squarespace support Luxy Java Script?   
    Okay so I have a new problem, I have an automatic background colour change on scroll that now doesn't work, here is my header code injection: 
    <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script> <div wm-plugin="background-change-all"></div> <!-- before <body/> tag --> <!-- Smooth scrolling --> <script src="https://min30327.github.io/luxy.js/dist/js/luxy.js"></script> <script charset="utf-8"> var isMobile = /iPhone|iPad|Android/i.test(navigator.userAgent); if (!isMobile) { luxy.init({ wrapper: '#siteWrapper', wrapperSpeed: 0.085, }); } </script> <script> $(document).ready(function() { luxy.init({ wrapper: '#siteWrapper', wrapperSpeed: 0.065, }); }); </script>  
    This is the footer 
    <script src="https://assets.codepen.io/3198845/WMBackgroundScroll101820v1.0.7.min.js"></script> These other lines of code make it so that when I scroll,  each page block adds a fade transition. 
    Does that make sense?
  6. Like
    KevinWalton got a reaction from Beyondspace in Does Squarespace support Luxy Java Script?   
    That worked! Thank you so much for your help! I didn't know you needed that line you posted! 
    What does that line do If I may ask?
  7. Like
    KevinWalton got a reaction from Beyondspace in Does Squarespace support Luxy Java Script?   
    I tried it out, didn't work, thank you for trying! 
  8. Like
    KevinWalton got a reaction from Beyondspace in Does Squarespace support Luxy Java Script?   
    Site URL: https://www.kevinwalton.ca
    Hi, I was wondering if someone can help me with slowing down scrolling like they use on Webflow. 
    I want my site to scroll like this: https://ceremonycoffee.com/

    Researching what kind of scroll technique is used, I found that it is called "Luxy" javascript. I can't seem to figure out why it is not working on my site. 
    <!-- before <body/> tag --> <!-- Smooth scrolling --> <script src="https://min30327.github.io/luxy.js/dist/js/luxy.js"></script> <script charset="utf-8"> var isMobile = /iPhone|iPad|Android/i.test(navigator.userAgent); if (!isMobile) { luxy.init({ wrapper: '#luxy', wrapperSpeed: 0.065, }); } </script> Can someone help?
     
    Thanks, 
    Kevin
×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.