![]() ![]() The main difference is that a scroll bar appears allowing the user to scroll through the content that exists beyond the limits of the container.įor example, here is a text module with a height of 400px. Using overflow scroll allows you to hide the content outside the box container (much like overflow hidden). ![]() Once you add the overflow hidden property to the row, the content outside of the box becomes clipped and hidden from view entirely. In this example, the content that has been positioned outside of the row container remains visible, which is the default setting for all elements in Divi. Here are a few quick illustrations taken from the designs in this tutorial to help you understand how overflow options work. ![]() This comes in handy for when you want to add vertical scroll functionality to an element but you don’t want a scrollbar to appear horizontally as well. This would come in handy for designs with a set height or width that need to have scrolling capabilities on smaller browsers.ĭivi has an overflow option for both horizontal and vertical overflow allowing you to set different property values for each.
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. Archives
December 2022
Categories |