Layering elements with z-index - Web design tutorial (using the Old UI)

[@renettahill2816]

OMG, this is the best video that I have seen when explaining how to stack elements. Quick, easy, and clear..Thanks for giving a clear explanation in 2 minutes less

[@envivomedia]

Learned something new today: 2 is greater than 1. These videos are really high end! Seriously though, these vids are so clear and quick, you're really setting a high bar to beat.

[@roupian]

literally the best video for explaining the z-index!

[@ajaysharma-og4bi]

finally something which provided real clarity!!!

[@nipun2735]

This lesson was a wash for me, couldn’t focus past the tacos. Now I want tacos and there’s a lockdown. Damnit.

[@rocksmith3629]

Thanks for short and to the point video. I use Thrive Architect and see the option for Z index but never really understood how it works.

[@Blackbeard_El_Torino]

So simple yet useful.

[@Vijaykumar-qm3wl]

Webflow is awesome! Woohoo!

[@Zhurak]

That webflow editor looks really nice! im looking into it.

[@tandishamidzadeh1349]

What if we want something on top of our navigation bar? Trying to do a popup window on page load, but the mobile view is so tight I would like it to go over the nav bar until close out.

[@cpazad]

Thanks. Simple and clear

[@idsa1790]

Great Video

[@eightcoins4401]

Wow really useful tutorial, totally wouldnt wish it showed code instead of using a editor coding for you

[@Webflow]

Glad to hear the tutorial was useful! You can export your code to see the entire code of your site, or with any element selected, you can see how it is coded using the CSS Preview feature (found in the question mark located in the bottom left corner of the Designer).

[@MacherTV]

Awesome video, thank you a lot! Best greetings from Austria. 🙂

[@PeterSather]

"like we learned in AP CALC" bruhhh lmao gold

[@sobeidalagrange7129]

Straight to the point!!! :)

[@orangeburrito_]

Great video!

[@novalorisa]

any one know how to adjust z index of element when we setting it on hover animation?

[@embodyhealthuk]

Z index is not working for me... a dropdown keeps going behind a container :'(

[@ThatFPLBro]

Having trouble with this when I have hover interaction on the cards. I want the card on hover to always be the first.

[@Webflow]

Here is how to control z-index on hover: www.loom.com/share/bb12d65a61c14b70a0c6f72a69c061ad

[@ThatFPLBro]

@@Webflow Thanks a lot, works now! Great work.

[@lolmrpana11]

What application is that

[@jtavison95]

i have a problem with the mobile version of my site. I've got a WhatsApp live chat button in the bottom right of the screen. But when I first open the site, I cannot click on any buttons w/links. It's as if the WhatsApp chat block is blocking the buttons from being pressed. So I've changed the z-index of the whatsapp chat block to 0 , and it doesn't solve the problem. Please could somebody help me with this?

[@Webflow]

Can you please post your question on our community forums over at discourse.webflow.com Also, make sure to include your projects read-only link in the post: university.webflow.com/lesson/share-your-site

[@SogMosee]

like we learned in ap calc haha

[@Lourenscb]

What builder or application were you using

[@Webflow]

What you see in the video is Webflow: a professional web design tool and hosting solution which lets you build dynamic, interactive, responsive websites visually without having to code. Check it out! www.webflow.com

[@rosssinclair8346]

Webflow, best web builder there is but its quite advanced

[@naini2580]

YAY

[@ClaudiaBarthoi]

sorry, obviously the surface was changed and now position of z-index went somewhere else. Not to be found anymore.

[@elijahkent4964]

If you select a position, it will show up under that tab

[@knowledgeboy6137]

didnt understand this part 00:35