LukasEriksen
Member-
Posts
28 -
Joined
-
Last visited
Recent Profile Visitors
406 profile views
LukasEriksen's Achievements
-
Feedback on my site - is it ready to launch?
LukasEriksen replied to LukasEriksen's topic in Feedback on Your Site
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! 😀 -
Feedback on my site - is it ready to launch?
LukasEriksen replied to LukasEriksen's topic in Feedback on Your Site
@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! -
Feedback on my site - is it ready to launch?
LukasEriksen replied to LukasEriksen's topic in Feedback on Your Site
Strange, this is what I am seeing Could be because of viewport height? Would you have any ideas on how to fix? -
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
-
Thank you so much!
-
LukasEriksen reacted to a post in a topic: Slow/smooth scroll
-
Beyondspace reacted to a post in a topic: Slow/smooth scroll
-
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 😞
-
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
-
Setting up snap-scrolling to homepage sections
LukasEriksen replied to lynneej's topic in Customize with code
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 -
Move additional info on product detail page (Squarespace 7.1)
LukasEriksen replied to Katie_B's topic in Customize with code
Thank you for replying! I have already fixed it 🙂 -
Move additional info on product detail page (Squarespace 7.1)
LukasEriksen replied to Katie_B's topic in Customize with code
@Katie_B looks like you figured out how to fix this - would you be able to share? -
Setting up snap-scrolling to homepage sections
LukasEriksen replied to lynneej's topic in Customize with code
@bangank36 How would I go about having this script only targeting my home page? My Site is lukaseriksen.com -
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?
-
kika.tuff reacted to a post in a topic: Add Confetti to a page
-
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>
-
@creedonI did adapt the #collection, but the scrolling was really off, it kept jumping to the bottom of the page.