Web Bae

WB

Web Bae

Chat and get help with Webflow and Javascript.

Join

GSAP Horizontall Scroll in Webflow

Hi, I have a question. It's about the Portfolio section. I have written GSAP code for horizontal scrolling of Projects from Collection CMS. Seemingly everything works, but when I shrink the browser window then there is a wrong width calculation. I have to refresh the window and then it is ok. Maybe someone has done something similar? link: https://jamel-portfolio.webflow.io/ ...

Chrome bug with CMS video on hover

Hi! I have embedded a video from the cms per custom code, which appears while hovering over the cms item. But only in Chrome it doesn't show some videos on hover when first time loading the page. After refreshing the site it works perfectly. The read-only link: https://preview.webflow.com/preview/philippscheithauer?utm_medium=preview_link&utm_source=designer&utm_content=philippscheithauer&preview=280069f9bfeae306eca4dd3009dcd399&pageId=653e9cfb84a3efc081e4fdc4&locale=de&workflow=preview ...
No description

Trouble overlapping shape on sections before and after it

Hello everyone, I had a quick question. Below is a section with a circular image that overlaps the section above and below it. I aim to recreat this in webflow. I've spent the last hour trying to make it work and I am wondering if it is possible. I attached what I have already. The bottom of the circle goes over the bottom panel but the top part does not. I assume because it is first in the source code... Trying to think how i would get the top part of the circle over the panel before that. Any suggestions?...
No description

Webflow, VS Code & GSAP

Hi all, i'm trying to import GSAP in my vscode to get autocompletion etc. but when i'm using the liveserver to push this to webflow, it gives me this error
`Uncaught TypeError: Failed to resolve module specifier "gsap". Relative references must start with either "/", "./", or "../".
`Uncaught TypeError: Failed to resolve module specifier "gsap". Relative references must start with either "/", "./", or "../".
...
No description

Hide API keys

Hey Folks! What's the best solution to hide private API keys in Webflow?

Webflow CMS capabilities on a different hosting provider than Webflow

Are you able to have the client cms capabilities if the website source files will be hosted in another server? I dont think so but wanted to be sure. Thanks...

Webflow GRID id's

Has anyone found a workaround for Webflow creating a new grid id for every grid item / child? My CSS is getting so messy and it's messing with my loading time...
No description

Webflow Eccom 3 Option Limit Workaround

Hi All! I am working on a project that requires products to have multiple options, with multiple variants within each option, although they the variants/options do not have to have effect on overall product price, they are merely for product customisation, that needs to be logged somewhere in the sale so the information can be passed on to the manufacturer. I just wanted to ask if anyone here has a workaround for the webflow eccomerce 3 "option" limit. ...

Issue with right side nav not aligning with hero

Hello, I am having trouble identifying what is making the right side nav unable to align with the hero below. In the video below you can see I tried to change the width of the nav but that didn't solve the issue. I made a video to describe and show the issue: https://www.loom.com/share/463a4be149a04a0db79ab279859e08d9?sid=11ca4605-6e21-4040-b19f-f3a6e50cfed3 ...

Webflow creates empty records on CSV import /Imported Item 1, Imported Item 2, Imported Item 3, etc/

So i have my own data in the CSV which imports fine, but then Webflow randomly decides to create additional rows, with empty data and this template for a name "Imported Item X" and i cant understand why and how it does it. Is it something in my data that triggers the behavior or is it a bug on Webflow's side? Has anyone experienced this issue and know how can i solve it?...
No description

Finsweet CMS Filter Attribute - "VIEW ALL" button

Hello everyone, I'm going crazy trying to get my "view all" button to appear selected by default, but I can't seem to do it. I've read Finsweet's documentation and I'm doing everything they tell me. Does anyone notice where I'm making the mistake? (because clearly it's my mistake haha). I'll leave you my preview link, thank you!...
No description

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....

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...

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...

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...

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...

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/...
No description

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...

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...
No description