Web Bae

Chat and get help with Webflow and Javascript.

Web Bae

Chat and get help with Webflow and Javascript.

2/23/2024

issues with scrollTrigger in Webflow project.

I’m using scroll trigger for multiple sections, some sections have pin and some don’t, I noticed scrollTrigger miscalculate the markers sometimes when page load, until I manually refresh the page the the markers are set in the right place., what could be chasing this ? Note: I’m using Lenin’s scroll with scrolltrigger....

infernus

2/22/2024

Asteroids - Simple JS Game

Hello friends, I hope you're all doing well. I have a problem with the Asteroid game that Web Bae posted as a cloneable (https://webflow.com/made-in-webflow/website/Asteroids-Clone-Simple-JS-Game). The issue is that when the user fails in the game and presses start game again, the asteroids move faster and in greater numbers. This happens every time, getting faster and faster until the user refreshes the page. After the user fails in the game 2-3 times and starts again, too many asteroids come t...

Sushant Dhiwar

2/20/2024

Finsweet's attributes Override

I have created a custom navbar and I am using Finsweet's attribute to disable scrolling on when my navbar opens so, I have used "fs-scrolldisable-element = toggle" , So it enables and disables the scrolling when I click on my nav-menu icon. The issue is when I click on my nav links , I animate back to the section where the nav link is connected to but here now my scroll is disabled due that toggle which I applied, which means that I need to click on the nav menu icon to enable the scrolling. Tri...

staybalanced

2/17/2024

Webflow 201- vid 8 - changing the color without affecting other buttons

Hey, could you check out this https://www.loom.com/share/911368f9a60647a7aae33a02884ae08d?src=composer regarding a color customization problem I faced with buttons? I am update to change the color of the text in the learn more button, without affecting the other buttons. When I copy and paste the original button then add is secondary class to it, in webbae's video the copy is black however for me the copy is white.. Webflow link: https://preview.webflow.com/preview/furnitime-ce57ff?utm_medium=preview_link&utm_source=designer&utm_content=furnitime-ce57ff&preview=bce5b34e149267fb29e26ba22d0e040e&workflow=preview...

staybalanced

2/16/2024

Webflow 201- Getting the Hero Image

In the hero post, how did you get the second hero image to export with the correct crop. I can probably figure it out myself. I could either crop the image in figma or get the entire image and use css to crop it. But since it was already exported in your video I was wondering how you did it? Thanks a lot...

maggy.m

2/13/2024

Swiper.js coverflow rendering issue

Hey friends, i was wondering if anyone had encountered a weird behaviour while using swiper.js coverflow. Here's a loom of the issue https://www.loom.com/share/03e48ded038941228f6a34dcac3f7349?sid=776de5cd-695b-4c30-8011-3452d8f1e6d6 and a read-only of my project. https://preview.webflow.com/preview/wizard-landing-staging?utm_medium=preview_link&utm_source=designer&utm_content=wizard-landing-staging&preview=e46601429537bf9d6516f7c46ab6abe4&locale=en&workflow=preview...

Purv

2/12/2024

Range slider in webflow

I wanted to create a range slider like this for a client does anyone knows how to achieve this any help will be much appreciated. ex of slider:- https://www.frequencee.com/...

Purv

2/8/2024

Footer Reveal on scroll

I am building a site for a client and he wants this footer reveal on scroll . I have tried following few blogs, videos and some templates but I am still unable to achieve this. Anyone who has done similar thing can you please guide me and give me tips on how to achieve this particular effect. Can anyone help me? Thank you in advance 🙏 videos and templates I tried to follow : https://www.youtube.com/watch?v=gi_M1xWmeKc, https://webflow.com/made-in-webflow/website/Trendy-Footer-Reveal...

Bhaskar657

2/7/2024

How to arrange a custom grid for CMS

I am building a blog page for my client and i have structure where it needs to show 3 featured blogs, please check the image for reference. but in the grid structure, the left side card is vertical directional style card and right side part of cards are horizontal directional cards and those should be 2 cards on the right side, so in total there are 3 featured blogs in should be shown in that section. But i am unable to acheive that. Can any one of you gus can help me? Thank You in advance...

Caerus

2/3/2024

Custom SVG not working

Hi there, the custom SVG function does not seem to be working for me. I have an image that is 16:9 ratio, and I have made a similar SVG in Figma. However, the SVG does not seem to render properly in the clipper. I've attached a copy of the SVG, properties of the image I am clipping, and how it looked in the viewer (as well as after being clipped)....

jakobvarenbud

2/1/2024

GSAP with finsweet dev starter repo

Hi there! I am using the finsweet dev starter for my repo on my webflow site. now i want to integrate some animations and work with gsap. should i npm install or use it via cdn? somehow it doesnt work when i npm install it. i also checked with cdn. alos didnt work. what should i consider to get gsap running here?

T0r1ee

2/1/2024

Shipping Calculator

Hey guys, has anyone made or found out how to import a shipping calculator into a Webflow ecommerce website? The shipping options they have as default are really barren and don't let me charge shipping by distance. I have checked out Foxy.io, but I would rather not use a shipping portal. Thanks!

Shubh_10

1/30/2024

Help in Before/After slider

I am Using Udesly's Before/After slider, the problem with this is, it is looking perfect in the designer but different in mobile viewport. I've tried changing the CSS but was not able to fix it. read only: https://preview.webflow.com/preview/cloudeagle-test?utm_medium=preview_link&utm_source=designer&utm_content=cloudeagle-test&preview=b5b93a5d28635bd6e382ef53c380da5f&pageId=65a8d52d8c687e3a58a4c7a5&workflow=preview page link: https://cloudeagle-test.webflow.io/staged/saas-management-draft...

Juan Quintero

1/30/2024

product page

Is it possible to clone a whole product page? trying to but it says "couldnt read native clipboard data"

T0r1ee

1/25/2024

Custom bullet points in Webflow

Hey guys, I was wondering if anyone figured out how to make a custom bullet point in Webflow. By custom, I mean how to replace the bullet point with an SVG or PNG. I find Webflow's stock options quite boring. Thanks!

Chinmay

1/25/2024

Custom cursor not aligned (at 1921px and greater)

Hey everyone, I made this for a client a few months ago and I had a custom cursor that would follow the position of the mouse, but also rotate and return to face true north (just like a how a compass needle would when you shake it). This was working perfectly fine for months but I've come back to fix up parts of the site, and now the custom cursor is not being aligned to the mouse position and I can't for the life of be figure out why. All I've figured out is that it happens to be misaligned on breakpoints larger than 1920px (which is a breakpoint I have set), however none of the properties relating to the custom cursor are altered at this breakpoint, nor is there anything specified in the JS to change it when it's at a the larger breakpoint. Another thing is that this issue occurs when the page is loaded at the breakpoint, meaning if I adjust the viewport, the alignment doesn't change. So I'm not sure if this is something to do with media queries either. Would anyone know what could be causing this issue? Here is the website: https://projectzero.earth Here is the javascript for the cursor: https://9p8k3z.csb.app/global_customCursor.js...

Shubh_10

1/25/2024

Lottie scroll animation help

Could you please guide me on how to create a Lottie scroll animation in which the animation changes based on the content? I have attached a video as an example.

niL

1/24/2024

Pass query param to CMS filter search.

Hi. Just want to ask if it is possible to filter a search on the input field based on the name of an item? It works on the checkbox but I can't seem to make it work for the input field....

Purv

1/22/2024

Navbar interactions

Hello @Web Bae and everyone, I was trying to create a nav show and hide on scroll interaction but for some reason it is not working properly on this project can anyone have a look and give me some insights on how to fix this. I was following these two tutorials : https://www.youtube.com/watch?v=a2Kp4bSDCwI&t=1s, https://www.youtube.com/watch?v=IH_Lvb_WYaw I tried this on my portfolio it is working perfectly there but for some reason it's not working on this website. Preview link :- https://preview.webflow.com/preview/al-fikree?utm_medium=preview_link&utm_source=designer&utm_content=al-fikree&preview=256ec6dc454782b6679f4b4c6a2aece4&pageId=65a8a4e3006f749fc98de791&workflow=preview...

KPMT

1/20/2024

Custom SVG not pulling into app properly

Hi there! I asked this question on YouTube, and was directed here, so here's the follow up to my original question. When using custom SVGs they either seem to partially load in the app, or not load at all. I've attached the SVGs I'm attempting to use. Thanks for taking a peek at this!

Previous Next

Gaming

Programming

Web Bae

Chat and get help with Webflow and Javascript.

Web Bae

Chat and get help with Webflow and Javascript.