Web Bae

WB

Web Bae

Chat and get help with Webflow and Javascript.

Join

Hello, thank u so much for your work. I have two question:

- why custom svg doesn't work on Clip Path Bae app? - when i try use it also in videos it trasform it in image. How can I cut out a video (or better background video) in Webflow? Thanks!!!...

swiper.js combined with webflow cms collection and a modal

Hi! Glad to be member of this channel. This is my first time on discord and I hope that somebody could help me. I ran into the problem, where I want to trigger a modal out of a swiper-slide that is connected to a CMS collection in webflow. Did anybody ever built this? As soon as the slider is dragged, the position of the popup is broken....

Mobile Terminal Based Snake Game

Hey everyone! I've built out this terminal in webflow on my website https://corsetti.dev If you type in the command snake you can play snake in the terminal. My problem comes in on mobile, I've got the touch controls working correctly and I know you can't exit the game yet, but my grid just doesn't seem to be adjusting correctly ```...

Warning dialog box

Hello everyone I am helping a client to setup a template and they want a dialog box there, on which the user clicks on "I agree" button they are able to access the websites content after that and that should only appear one time for a user. I have got some code from chat gpt when I add the code , I can see the code is getting executed in console but when I am refreshing the page the warning box is coming back again. Has anyone done the same sort of thing in past can give me some tips on hope to achieve this and any insights @Web Bae ? Code is in the before tag in page settings. preview link : https://preview.webflow.com/preview/grasshopper-travels1?utm_medium=preview_link&utm_source=designer&utm_content=grasshopper-travels1&preview=226597617087a6f43295e2398aaa1a51&workflow=preview live link : https://grasshopper-travels1.webflow.io/...

The best (?) way to learn Webflow

Hi there! Can you share the resources that you used to learn Webflow? I know Webflow University (I'm in a middle of it) and Flux Academy but that's it, these are just resources but how to go from there? For example, I found roadmap created by @Web Bae (thank you for this!!!) but I am curious if any of you actually went through it step-by-step and could share thoughts on this? Maybe I should just shut up 😄 and follow this myself instead of overanalyzing and overthinking....

Crazy Idea

Hi everyone, I'm planning on executing a crazy idea with the company I work for. Basically, we want to launch a site that will change its CSS and JS every day. Meaning, the content will be the same but the look and feel of each version of the site will be completely different. I'm still trying to wrap my head around it all and considering if something like this would even be remotely possible with Webflow. My main concern is around content, how can we keep the content in all different sites sync...

Clip path being cut out at top and bottom

Hi @Web Bae , I am trying to clip-path image using custom svg. It's working fine but path has been cut out at the top and bottom. Here is ready-only link:...

responsiveness: building desktop to building for small devices is messy

I built the desktop version of a website in webflow, but then I am faced with making the site responsive. It is not for the faint of heart 😓 especially the more creative the layout. I think webflow is not mobile first and it's easier to develop mobile first but are they any general strategies or tips people have when making something responsive. ...

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