Slider not showing in live site
Hello @Web Bae & everyone, I was editing a normal slider according to a figma design. It is working properly in preview but on the live hosting only the image is getting slide and the content is getting black for some reason does anyone knows why this is happening.I appreciate any advice!
live site:- https://al-fikree.webflow.io/al-fikree-construction
edit only mode: -https://preview.webflow.com/preview/al-fikree?utm_medium=preview_link&utm_source=designer&utm_content=al-fikree&preview=256ec6dc454782b6679f4b4c6a2aece4&pageId=6594fc90b486e312b0c1d257&workflow=preview...
*RESOLVED* Nested sliders with Swiper JS
Hey @Web Bae and everyone, I'm building a scroll-snapping vertical slider with a nested horizontal slider on a 1280x400px size screen. The idea is that the user will swipe and navigate the meals on a menu using a touchscreen.
We have 4 vertical slides, and on the 3rd slide, we'll have a horizontal slider with 3 slides. Here is the Webflow read-only link: https://preview.webflow.com/preview/weber-summit-screen?utm_medium=preview_link&utm_source=designer&utm_content=weber-summit-screen&preview=79bef86c9980c266d63f5620a3d29de4&workflow=preview
I'm trying to replicate this demo. I got the vertical slider working perfectly, but I can't get the horizontal slider to work, and the horizontal and vertical pagination dots are overlapping: https://codesandbox.io/p/sandbox/mg72lw?file=%2Findex.html...
Webflow Multi Image CMS
I have a CMS slider of multi images for each of the cms items. Used swiper js for this. Though I am able to slide through respective slides of the slider by dragging but the navigation arrows slides each and every slide of the sliders.
Form downloads
Hello guys. I hope everyone is doing well
I want to create a form where user enters their detail and after the user clicks on submit button, the pdf downloads automatically does anyone know how to achieve this in Webflow. Is there any other way around@Web Bae...
GSAP Match Media
Hi All,
I have a gsap tl animation here, it was working perfectly fine, but I wanted to add a match media query so that the animation had a slightly different styling on the mobile breakpoint.
I added the match media in and cant seem to get it working, as the whole animation is now broken. ...

Clip Path Bae APP question
Hey Keegan,
I'm playing with your new app and I have a question, It's posible for the clipping mask to take the whole surface of the image? (and to be responsive) right now Im adding a pat but only clip proportional to the image (I want the path to cover the full image). is that posibel?...

Change scroll trigger to Tl.
@Web Bae
Hi Guys,
I wondered if someone could help me out with this, I am currently working on a personal project, and building the website for this project on webflow. Im so close to completing the site and im trying to add a little something to make my website stand out. Ive been trying to learn some gsap, but to be honest im a little stuck, as I can write basic tweens but when trying to edit existing gsap someone else has wrote I get a little stuck, well very stuck!...

Integrate Meta Conversion API to Webflow Site
I want to integrate META Conversion API in webflow site to track custom conversion events, but
implementing the Conversion API on a Webflow website involves a server-side setup that sends events to Facebook's servers directly. Given that Webflow is a website builder and doesn't have direct server-side capabilities, how can I setup custom events tracking and implement conversion API. Is there any other way around @Web Bae , @everyone ?...
Video link doesn't show after clicking it the second time.
Hi All,
Here's the link to my PoC site: https://preview.webflow.com/preview/client-first-template-44a251?utm_medium=preview_link&utm_source=designer&utm_content=client-first-template-44a251&preview=6bca7cba2bebf0ef03dfdd69dcee403b&workflow=preview
Yet another question: ...

Video Lightbox Question
Hi All!
Here's the link to my PoC site: https://preview.webflow.com/preview/client-first-template-44a251?utm_medium=preview_link&utm_source=designer&utm_content=client-first-template-44a251&preview=6bca7cba2bebf0ef03dfdd69dcee403b&workflow=preview
I'd like the linked video in the modal to autoplay, and not allow the user to fast forward or close the video without watching. (I realize this isn't normally a good user experience for a website, but this is for an onboarding website and the user is required to watch the video in its entirety.)...

Disable scroll on a section until an action is taken or completed.
Hi All!
A couple of questions:
I'm wondering if it's possible/how to have a user scroll to a section and have scrolling disabled until they click to watch a video? ...

Animations
Hi there ! I have to recreate this page https://scale.com/ and I want to do this hero h1 animation and the logo section animation as well. So if someone knows a way around to make it all work or has a cloneable would be much appreciated. Thanks in advance . And the logo section also becomes as a marquee in mobile breakpoint. @Web BaePlease can I get your guidance on this?
Duplicate form submssions
Hi there!
I have a issue with my webflow forms, maybe somebody has faced similar problems already:
Issue: I'm encountering duplicate form submissions when using Webflow forms. I've also implemented logic for an HTTP request to our HubSpot CRM. Could this logic be contributing to the issue? Has anyone else experienced similar problems?...
API request for posting form data (Deals/Contacts) to Hubspot CRM
Hi there!
Issue: I currently have a multi-step form built with Formly in Webflow. The form submissions are supposed to be sent to our HubSpot CRM as both deals and contacts. However, our existing solution, which relies on Webflow logic, isn't reliable. We encounter issues such as duplicate leads, incomplete submissions, and failed placements.
Goal: I'm seeking a more dependable solution that not only ensures accurate data transfer but also allows for error tracking and, if possible, the implementation of a retry mechanism. I've heard about Postman and wonder if it can assist in achieving this....
Hero section with background clipping.
Hi everyone,
I have Figma design, that i have hard time wrapping my head around. Ill be really happy if someone is able to nudge me in the right direction for this. I consider myself to be an intermediate at Webflow, but i haven't done layouts this complex before and have been stuck on how exactly i should implement this.
Explanation of the problem and a few ideas can be found in the Figma file.
Ideally everything should be achieved natively in Webflow....
Matter.js Constraints
I've been trying to work out constraints in matter.js. For whatever reason I can't get them to work on my own and I can't find any examples on the internet that don't come with a heap of other code attached.
Right now I have a body that follows to the mouse so that wherever the cursor goes, it will collide with other bodies. My idea is to have the images on my website bounce out of the way a bit when I move the mouse past them. And I think this should be possible by adding a simple constraint between a body with the image on it and a static body to anchor it to the page.
all that shouldn't be too difficult if I can just get constraints to happen though 😤 ...
Code Learning
Hello guys! How are you doing? I'm starting learning code a few months after I started learning webflow. And at the moment I'm learning about logic and algorithms, but I would like to know if there is any learning path that you suggest to optimize learning?
Accordion with Auto-close & first accordion open by default
I am trying to build an accordion where the first one is open by default on load and then on clicking on any other accordions to open the one which is opened will be auto-closed. I tried custom build with divs but still missing the auto-close functionality and when I made this using dropdown I got the autoclose functionality but can't keep the first one open using custom code or page load trigger as it affects the autoclose. So if someone knows a way around to make it all work or has a cloneable...
Thank you very much!
Hi everyone, a website I published using the Grid Zoom video as the main "wow" feature of my website has been nominated to Awwwards. I'm posting this as a big thank you to @Web Bae for the tutorial. It took me a while, but putting together the tutorial, plus a video in the center and a blend-mode to the main font in the website has really made it stand out. Thank you very very much for your time and dedication.
You can check the result in here:
https://www.studiocurva.com/projects
It's up for voting on the Site of the Day category which is a very big deal for me and would mean the world to get this recognition. If anyone has an account on Awwwards, or is up to creating one and voting, this is the link of the nomination:...
Image transition while scroll
Hey guys! What's up? Please, does anyone know how to make this Asana's interaction natively in webflow?
https://asana.com/pt live link...
