The following css adds an outline to all elements, causing you to see where the element is that causes the overflow.
- Use the outline or the background
- Outline adds an outline to all elements (Divi needs !important)
- Background hsl(0 = red 100%=saturation 50% = lightness / .1 = opacity), this shows you the layering of elements.
/** START finding overflows **/
*,
*::before,
*::after{
box-sizing: border-box !important;
outline: 2px solid lime !important;
background: hsl(0 100% 50% / .1) !important;
}
/** END finding overflows **/Code language: CSS (css)
See how:
To fix overflows and horizontal scrollbars
- Set the overflow to none on the Divi advanced tab of the element that causes it.
- Or add the following CSS
#page-container {
overflow-x:hidden;
}Code language: CSS (css)