Web Bae

WB

Web Bae

Chat and get help with Webflow and Javascript.

Join

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

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