This lesson has a new home over in our KreativePro™ Community
The content you are trying to access is only available to enrolled students of the KreativePro™ Masterclass
Access our premium community including bonus tutorials, project files & weekly resources.
UNLIMITED ACCESSResponsive Website in Webflow Part 3
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.
It's your turn!
Take a moment to download this Webflow Template so you can practice, experiment and use however you want!
Webflow Project Files
All our project files for you to practice and play with along with some bonus materials.
Reviews
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
and
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
in here
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
that zoos
is actually working now we don't have
those scroll bars
those horizontal scroll bars everything
is hidden
because we've added it into a seuss
wrapper into a diff block wrapper that
has an overflow of hidden
Coming Soon
Access our premium community including bonus tutorials, project files & weekly resources.
UNLIMITED ACCCESS.png)
.png)
.png)