Web Bae

Chat and get help with Webflow and Javascript.

Web Bae

Chat and get help with Webflow and Javascript.

4/2/2024

What would be the best way to recreate this overlapping image?

What would be the best way to recreate this overlapping image? I've tried adding a background color div with 80% height, but that gives some issues on smaller screen sizes

Purv

4/2/2024

Lottie file causing overflow issues on mobile breakpoint

Hello everyone I hope you guys are doing well. I am helping one of my client to setup a template but I am facing a problem on mobile breakpoint i.e. a Lottie graphic is causing overflow issues on mobile breakpoint. I have tried applying overflow hidden to the parent div and as well as the lottie itself but its not working does anyone knows any workaround for this problem. Any help or insight will be much appreciated @Web Bae . can't share preview link as i have been added as a freelancer on their workspace. live website : https://vidheya-co.webflow.io/...

brudsonnn

3/31/2024

Adding Auto Scroll to Splide.js

Hi Everyone, Followed a YT tutorial by the great Web Bae for CMS Slider using Splide.js I'm trying to get auto scroll working but can't figure out where the code snippet from the docs go!...

Anica

3/28/2024

Curious to know if these features are possible on Webflow?

Hey guys, a prospect reached out to me wanting to build out a CMS-focused website on Webflow that would require some custom JS. These are the features he wants to integrate and I've highlighted in bold the ones I'm not 100% sure are possible on Webflow which is what I would like to get your opinions on (I'm including the whole list for the bigger picture): - Language toggle - English, Japanese, Chinese - Embedded webcams / live feed (reference: https://www.stmoritz.com/live/webcams) - Live scrolling bar (news feed) --a ticker bar with live data is what they mean here...

Vhibezfx

3/27/2024

Webflow Apps

I’ve been trying to build a simple app just for a specific use case for a website. The app will fetch data from an external data base and create cms items with the response. Trying to use Webflow app feature, I’m getting some when I try to add dot Env file. ...

jordi

3/26/2024

Is it possible to create this with an SVG in CSS, or JS / GSAP? Or would I have to import a lottie?

Fosca

3/23/2024

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

fred_from_jupiter

3/22/2024

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

AtomicZBRA

3/21/2024

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

Purv

3/21/2024

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

Tomek Grabski

3/20/2024

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

izzy

3/17/2024

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

Dilshad

3/16/2024

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

flawor-clip-path.svg...

staybalanced

3/14/2024

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

Mariusz Jankowski

3/14/2024

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

Alina Scheithauer

3/13/2024

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

staybalanced

3/13/2024

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

jordi

3/12/2024

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

...

Anish

3/12/2024

Hide API keys

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

staybalanced

3/12/2024

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

Previous Next

Gaming

Programming

Web Bae

Chat and get help with Webflow and Javascript.

Web Bae

Chat and get help with Webflow and Javascript.