On this Webflow lesson we take a look at overflow hack. How to fix the the horizontal scrollbars using Webflow and how to use the overflow: hidden property correctly in Webflow.
Take a moment to download this Webflow Template so you can practice, experiment and use however you want!
All our project files for you to practice and play with along with some bonus materials.
It has been the best investment I made in my design journey so far. I would consider myself a novice but I honestly feel like I've gained a genuine professional insight into the process of creating a high-level website.
I'm an early adopter of the KreativePro Masterclass, and I love how well put together it is. Neftali takes you through each step of the process from paper sketches to marketing all with fun visuals & clear instructions!
another issue we have is that these
elements that we created these 3d curls
elements are sometimes overflowing so
what i'm going to do is i'm going to
remove the overflow
from the body and instead i'm going to
have a global
a global wrapper this global wrapper is
going to contain all these sections
okay so let's add that div block and
we're going to call this div block
seuss just because it's super cool it's
gonna have an overflow of
hidden so let's move all these sections
the same order that we have
just so that we don't break anything i'm
gonna move this one up here
then make sure we move this one down
all right that looks good so we have all
five sections one
two three four five sections are now
inside zoos alright so
if we go over here we can start seeing
is actually working now we don't have
those scroll bars
those horizontal scroll bars everything
because we've added it into a seuss
wrapper into a diff block wrapper that
has an overflow of hidden
Access our premium community including bonus tutorials, project files & weekly resources.UNLIMITED ACCCESS