So You Want To Hide An Element In Webflow? |
Want to hide an element without affecting the layout and positioning of the other elements? Let's use my page as an example.
If I hide the gray card using display: none, the layout will be altered, as this is basically removing the gray card from the document.
What if I wanted to hide the gray card without affecting the other two cards? Well, I could use a little bit of custom CSS and drop in an embed element.
Then, I could hide the gray card using the visibility property. But, what about accessibility? Just like using display: none, this will also hide the element from screen readers.
To summarize, if you want it removed, use display: none. If you want it hidden, use visibility: none.
#webflow #css #webdesign #webdevelopment #shorts