Overflow

A user on the Facebook group was looking for a way to scroll long text while keeping the image in place. This would be really easy with position sticky, but since that is not a viable option in Avada (yes, it can be done with a lot of trial and error), there needs to be a better solution. If you are not interested in writing a lot of CSS, using the column overflow options is your best bet. In this case overflow:scroll. I used a two-column layout with an image element with a known image size. I set the column height s to match (stretch) and then added a nested column with the overflow property set to scroll. You will need a little CSS to set the max height of your container and adjust it for mobile.

The remainder of the text below is just filler to demonstrate the scrolling functionality

Aenean parturient iure facilisi, lorem ipsa occaecati dis sollicitudin sapiente, eligendi tempora donec reiciendis felis sodales ornare iste? Voluptatum commodi. Autem suspendisse purus quis turpis? Ullam, habitasse, exercitation? Penatibus sodales, euismod arcu. Molestias voluptatibus veritatis ipsum risus vel, auctor gravida sollicitudin pharetra, magna autem neque, neque? Platea posuere feugiat numquam? Alias rem, excepteur doloremque lectus veritatis, maiores? Quos euismod facilisi.

Pretium id facilisi quisque mollitia congue netus temporibus, dis aliquid. Iste nostrum? Ab adipisicing feugiat exercitation per netus dolore habitant mus fermentum doloremque omnis sit mollit praesent? Lorem earum earum quis, bibendum curabitur debitis, diam, ducimus, deleniti massa habitasse, hac quaerat laborum! Officia penatibus, commodi do deserunt vestibulum? Voluptatem sociosqu nesciunt, ridiculus conubia eveniet rem duis rem hymenaeos etiam quas.

Fugit nesciunt, facilisi placerat vero inceptos blandit fugit at feugiat nascetur omnis delectus cubilia, magni veniam, officia arcu sed eos dolorem. Litora, excepturi leo. Dolorum. Mollit eum qui suspendisse! Vestibulum dictumst iste, eros accumsan consequat, cubilia? Etiam eros voluptates ducimus. Quisque proident, vulputate curabitur repellat vivamus. Fermentum labore ea, nascetur! Donec voluptatem maiores placeat exercitationem! Quasi, montes egestas integer augue.

Diam, odit corporis aliqua officia perspiciatis culpa vitae, massa, modi sapiente natus occaecat, excepteur natus neque tincidunt fermentum, nec. Asperiores? Pede accusamus nullam voluptatum? Porta adipiscing pellentesque accusantium cumque. Incidunt? Voluptate nobis facere ultrices aspernatur, penatibus, praesentium hac proin ligula, aperiam urna, quibusdam vehicula nihil tortor elit quaerat facilisis officia vulputate. Euismod orci accumsan mollitia omnis? Deleniti illum praesentium etiam.

Cumque sociis dolore, volutpat occaecat totam duis erat, sem saepe ex dictumst non laborum maecenas leo tincidunt leo, etiam placeat, adipisicing dolor quaerat repellendus eu placeat dui litora? Anim ad lacinia pulvinar venenatis dictum pariatur, magni reprehenderit diamlorem, est cupiditate perspiciatis provident, diam ligula senectus, tincidunt eligendi eros? Nisl cum, nonummy, quas, dictum sollicitudin tempus tempus, architecto maiores elit commodo.

Vel! Quam quam minima occaecati ut numquam iusto ex itaque, lacus mollit! Delectus, quis? Proident quae donec nibh! Aute distinctio? Cursus, eius excepteur. Natus. Mus! Nostrud elit veniam imperdiet expedita. Alias voluptas, tempora nullam convallis! Molestie. Rhoncus autem dictumst varius! Fames pede augue rutrum laboriosam! Proident, repellendus alias ut perferendis facilisis laboriosam. Porttitor interdum felis velit lectus ex penatibus sequi.

Aspernatur nostrum vivamus, doloribus anim unde. Consectetuer adipisicing, fusce cras dignissimos vel provident lacinia amet erat sagittis imperdiet eaque, beatae, fames mollit, mollit posuere, iste minim dolores, ipsum cubilia facilisi? Voluptatem gravida sapien, architecto cras eius cum minim. Iure assumenda incidunt accusamus varius tellus dui gravida? Eget aenean. Eaque risus posuere optio dictumst nostrud porta massa semper eveniet! Iaculis proident.

Ullamco vivamus vero arcu atque quod ultrices ipsam urna malesuada? Lorem curae inceptos mauris nisi impedit quas amet! Optio mi commodo possimus ducimus iaculis. Iure anim fusce, perferendis autem leo sociis nec doloribus! Scelerisque nemo impedit? Do veritatis porttitor. Do, deleniti qui, consectetur modi! Pharetra suspendisse ante voluptas? Magna torquent proident! Mi! Arcu vulputate? Massa corporis eius, tellus rhoncus litora.

Laudantium lorem, elit congue ligula sunt! Parturient nulla praesent enim, culpa mollitia morbi ducimus exercitation luctus ratione quas do! Duis consectetuer adipisci cumque luctus suspendisse nihil repellat minim, aute sapiente potenti voluptatum commodo nostra? Laudantium minima? Consequat a mauris? Ullam. Facilisis viverra magna dolor sem litora veritatis vulputate, assumenda rutrum earum assumenda ratione sem! Facere, nostrum? Pede morbi, perferendis esse.

Turpis nonummy culpa ridiculus? Cupidatat quia nesciunt erat? Mauris, class? Nobis corrupti! Quia ullamco, quos dolore et interdum? Voluptas provident, veniam laboris? Tristique porttitor felis varius illo nobis. Reprehenderit in, quo? Officia ratione sodales habitant consequatur? Suspendisse iste convallis. Voluptate, fugiat commodo consequat corrupti sit, cras? Ex blandit repellendus aliquip repudiandae mollitia necessitatibus consequatur officiis irure. Eos dolores deleniti, nonummy.