In a recent project, we needed a left border on certain columns and then have them set to none on smaller screens. Since Avada currently does not have border settings for small and medium screens, this was our workaround (demo).
@media only screen and (min-width: 1024px) {
.border--left{
border-left:1px solid var(--gray-20); //#c9c9c9
}}
Simply add this to your custom CSS and then add border–left to the class file on the columns that need the border.
Originally published on Aug. 16, 2022