Web Bae

WB

Web Bae

Chat and get help with Webflow and Javascript.

Join

Scroll to section horizontally (clicking a buton)

Hey there! Happy Monday! Does anybody have a tutorial on how to achieve this? I'm working on this website: https://lockerhaus.webflow.io/ In the tabs section, the client wants to reveal the content not only with buttons but also through scrolling. I know how to achieve horizontal scrolling, but I don't know how to make the buttons scroll the user to the correct position since they can't control interactions.
No description

Grids on iframe maps

What are these grids on iframe maps? This is snazzy maps, shows in google maps as well.
No description

How to change image on hover over text?

Hi, using the course template, how do you change the image on the right when you hover on the texts on the left? Also, what's the best way to implement this on mobile (where there is no mouse hover)? Here's the read only link: https://preview.webflow.com/preview/geekworld-travel?utm_medium=preview_link&utm_source=designer&utm_content=geekworld-travel&preview=4f2d443bb697909b3e935615d5d363d2&workflow=preview...
No description

Arrow animation through section

Hey guys! How are you doing? Could you help me to discovery how to make the arrow animation of this site: https://www.rocketcloset.com/ Can I do it without code?...
No description

Finsweet filter

I'm trying to implement finsweet filter, It's only working for single category, can you but please help me out? https://ankurs-amazing-site-08c96b.webflow.io/filter ...

Circular Slider with CMS

Hey all! What's the best approach to built circular slider with CMS data. Where the active item shows the info in the left.
No description

Sliding in text animation

Hi, hope you are doing well. I wanted some help recreating this text animation on hero section. They are using swiper slider for this. Please share any video if there is any. Thanks in advance https://www.refinelabs.com/...

Migrating/Creating New Styleguide for a new site (A pretty large site)

Hello all! I've recently got onto a new client project as a Webflow Dev/Designer and going through the site, it's clear that best practices or a structured style guide was not used and built throughout the life of the website (not well, I might add) I've migrated a site before, but not one with 70k+ users monthly, how have you guys approached this in the past?...

100VH not working. I'm at hero section of the video

Hi, I am currently at video number 5 on creating the hero section. I followed the instruction on making it 100VH but it's not displaying 100VH. Here is the share only link: https://preview.webflow.com/preview/test-wondrous-site-0056a8?utm_medium=preview_link&utm_source=dashboard&utm_content=test-wondrous-site-0056a8&preview=0e6c4cbd26294c2d4dd42b179364f587&workflow=preview

Count items inside a CMS Collection

Hey there! Do you know how I can indicate how many items are in a collection? I need to indicate how many "job positions open" there are inside a job positions collection to communicate it on the website next to the link to that category. If you can share a hint on where to start looking, I would appreciate it. ...
No description

GSAP ScrollTrigger with Horizontal Scroll Section

Hey everyone 🙂 I have a section that I'm using GSAP on to animate a horizontal scroll for. The horizontal scroll is working perfectly however I also need to animate a sort of menu that is at the top of the section to fill the background color as each new scroll item comes into view. Ideally I'd like to be able to target each section with an attribute. I can't seem to get it working.. If anyone has time and wants to help it would be greatly appreciated. Staging: https://safetraces-1.webflow.io/process...

Show content based on location

Hey there, I have a client that want's a feature where the user selects his province (inside argentina) and based on that we show different kind of products (like this web does at the top for check availability https://starry.com/internet) It's any way to achieve this inside webflow? Thank you so much in advance!...

Best way to use Videos/GIFs in Webflow.

Hello All, I have a Project that I need to showcase lots of Videos/Gifs about a Client's Work. What is the best way to Customize the Videos ? are we only limited to upload them on Vimeo or Youtube and place them in Webflow ? And one more thing, @Web Bae. I saw this Cool interaction in something like a GIFs Slider on this Website ( https://thieb.co/?ref=lapaninja ) is it possible to do something similar in Webflow ? and how ?...

Native Webflow Tabs + GSAP ScrollTrigger

Has anyone ever mixed native Webflow tabs with scrolltrigger? It seems to only work for me on the tab that I have set to default on page load. So if I publish with tab 1 set to default, all the tweens work for that. If tab2 is set to default, the tweens work for that one. However, when I click on the other tab, the content never animates, it just stays invisible. To give you an idea of what I have going on. I have a tabs component with two tabs and then content below that each require the user to scroll down to see everything....

Mouse Over Animation

Hello everyone, hope you are doing well. Can anyone please tell me how can we do this mouse hover animations on cards just like this website: https://skaled.com/insights/ I really liked it how the overlay follows the mouse. Looking forward to your approach building this. Thanks so much....

<h> tag not aligned to box.

How is this treated in web dev. Is it a letter spacing thing or font specific? If someone knows a way to completely align the text to the box or can refer me to some principle guidance on this, that would be great. Thanks in advance!...
No description