Jump to content

LukasEriksen

Member
  • Posts

    28
  • Joined

  • Last visited

Recent Profile Visitors

406 profile views

LukasEriksen's Achievements

  1. Thank you @PartTwoDesign! Yep, I used the code for the loading animation from this post here. Then I whipped up the animation of the logo in After Effects and exported as a gif. The logo carousel was just a tutorial from Will Myers. He explains it all super well in his blog post here. Thanks for checking out the site! 😀
  2. @tuanphan Thanks again for taking another look! And thank you for fixing that text overflow issue, was battling with it for some time. For some reason, the mobile menu on my site does not show when you click it on desktop, but on an actual mobile phone it works fine. I am guessing it has something to do with one of the over 1500 lines of Custom CSS I added 😄. If you are referring to the text above the logo carousel, I just repositioned the gallery section up using CSS. That's probably also why it was sliding under the text on extremely small viewports. One quick question to you, I have a bit of javascript I would like to implement, but I would like for it to only trigger on desktop. I tried doing something like: <script> if (window.screen.width > 780) { document.write( '<script src="https://www.squarerefresh.xyz/assets/plugins/drag/js/drag.min.js"></script>' ) } </script> But this doesn't seem to work. Would you know to do this? Thank you for being a legend, Tuan!
  3. Strange, this is what I am seeing Could be because of viewport height? Would you have any ideas on how to fix?
  4. Site URL: https://perthtimelapse.com Hi all, I've been working on the website for my new business for the last few weeks, and I think it's finally at a place where I am happy with it. If anyone has any feedback on the site (good or bad), I would love to hear it 😀 https://perthtimelapse.com
  5. Site URL: https://lukaseriksen.com Having any issue with my site that when you hover on the navigation folder titles, it fades out before you can click anything. How can I fix this? https://lukaseriksen.com
  6. Found another smooth scroll plugin which seems to work even better: https://github.com/gblazex/smoothscroll-for-websites No idea how to install it though 😞
  7. Hi Laurent, I've also got it working, however I'm running into an issue when I resize the window, or use mobile view. The image slides out of place depending on the size of the window. Is there any way to fix this? I'm happy to disable the effect on mobile, but I would like for the image to be aligned no matter the window size on desktop. my site url: lukaseriksen.com
  8. Thanks for the reply! I've tried doing this, but it seemingly does nothing. When i put the code in the code injection footer area it works however, just not only on my homepage. My site url is lukaseriksen.com
  9. @Katie_B looks like you figured out how to fix this - would you be able to share?
  10. @bangank36 How would I go about having this script only targeting my home page? My Site is lukaseriksen.com
  11. Site URL: https://lukaseriksen.com Hi! I've been trying to figure out how to target a parallax effect to specific images on my site so that they move slightly slower, or faster than the text that is aligned with them upon scrolling. I've found a couple examples of this effect on various websites: https://dixonandmoe.com/rellax/ https://delassus.com/en/products/tomatoes https://www.ixstudio.net/ Would anyone know how to do this?
  12. Site URL: https://lukaseriksen.com I've implemented a custom cursor into my website (https://lukaseriksen.com) but when scrolling the cursor doesn't seem to move with the screen, it only updates it's position when you move the mouse position again. Is there any way to fix this? Here is the code I used: <div class="cursor cursor-dot"></div> <style> @media (hover: none) { .cursor {display:none !important; } } * { cursor: none !important; } .cursor { --size: 30px; height: var(--size); width: var(--size); border-radius: 50%; position: absolute; z-index: 99999999999; transform: translate(-50%, -50%); pointer-events: none; } .cursor.cursor-dot { background: #ffffff; /* This defines the color of the cursor */ mix-blend-mode: difference; /* Delete this line if you dont want the circle to invert */ transition: width .3s, height .3s, background-color .3s; transition-timing-function: ease-out; } .cursor-dot.active { --size: 50px; background-color: #ffffff; } </style> <script> $(window).mousemove(function(e) { $(".cursor").css({ left: e.pageX, top: e.pageY }) }); $(window).mousemove(function(e) { $("a") .on("mouseenter", function() { $('.cursor').addClass("active") }) }); $(window).mousemove(function(e) { $("a") .on("mouseleave", function() { $('.cursor').removeClass("active") }) }); </script>
  13. @creedonI did adapt the #collection, but the scrolling was really off, it kept jumping to the bottom of the page.
×
×
  • 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.