Liquid I.V. Blog

data-open-modal example

This modal can be opened by clicking the window icon in the pre-header. Because the link uses data-open-modal (instead of an href anchor) nothing appears in the address bar. You also can't use the back/forward buttons to close or reopen the modal. However, if you know the ID of the modal, you can still manually type the anchor link in your address bar and it will open (handy for client previews).

To simulate an extremely long modal and show how modals scroll, here's a ton of lorem ipsum:

Lorem ipsum dolor sit amet consectetur adipisicing elit. Rerum fugit, aperiam qui ducimus incidunt quis ad saepe at! Quis pariatur id nemo iusto. Delectus doloremque, voluptates dicta ab ullam quibusdam!

Illo debitis nihil, labore impedit voluptates soluta asperiores dignissimos dolorem cupiditate optio possimus, accusamus sit libero magni saepe quae explicabo obcaecati laboriosam! Veniam nobis incidunt nam cum a quasi voluptas commodi voluptates rerum dolore nulla nihil numquam perspiciatis at blanditiis odio similique, consequuntur et.

Consequuntur doloremque distinctio quis aperiam quidem labore nisi aspernatur necessitatibus, perspiciatis quas nulla exercitationem voluptate cupiditate natus? Aperiam cum unde ut doloribus! Aliquid omnis aperiam, magni iure exercitationem numquam quas blanditiis repellendus. Debitis error reprehenderit, laboriosam praesentium neque porro placeat dignissimos dicta natus adipisci!

Ipsam blanditiis neque rerum, saepe nam assumenda odio sed nostrum dolorum sint exercitationem repellat necessitatibus provident aliquam quod tenetur voluptatibus sapiente perspiciatis! Maxime, consectetur quae. Repellendus vitae minima distinctio, esse, iste ut quibusdam nemo doloremque iure eum ex deserunt illum at voluptatum quisquam aperiam?

Dolorem facilis aspernatur explicabo deserunt a provident iste consequuntur, earum, odit iusto cupiditate odio. Molestias aspernatur quo reprehenderit voluptatem accusamus tenetur natus. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Illo magnam, totam omnis pariatur voluptatum ullam in, cumque error unde cupiditate molestias nihil accusantium dolorum accusamus quo odit. Nulla, nostrum ex.

Eum vel natus iusto provident atque quis officia, adipisci quibusdam. Esse, officia doloribus corporis eius optio accusamus natus error iure ducimus sed? Lorem ipsum dolor sit amet consectetur adipisicing elit. Eius libero sequi quis sint reprehenderit accusantium laudantium nam eos delectus blanditiis, recusandae consectetur qui sed totam beatae et ratione dolorum quae?

Nepal 2019: The Trip That Changed Everything

In May 2019 the Liquid I.V. team travelled to Nepal to assist a medical camp, present a lesson on hydration, and give out Hydration Multiplier to those in need.

Our Pursuit of Total Sustainability: Q&A With Sean Lavin, VP of LIV Mission

Hey LIV fam! It’s been just a few short days since we launched Seaberry, with packaging made of 100% environmentally sustainable materials. From inspiration to...

An Update on Our COVID-19 Response Initiative

We’ve donated over 2.3 million servings of Liquid I.V. to medical workers, first responders, and relief organizations since March.

Lend a Hand: Giving Back in the Era of COVID-19

If the thought of giving back leaves you feeling boxed in or priced out by financial constraints, you’ll be relieved to know that everyone can make a difference without spending a dime (or leaving home).

Operation Gratitude: Sending LIV to Our Military Heroes Around the World

We recently kicked off our partnership with Operation Gratitude, an organization that delivers care packages to heroes serving overseas and in the U.S.

Dan Hovey: A Fearless Leader at Direct Relief

Meet Dan Hovey, Emergency Response Manager for our giveback partner Direct Relief, and our fearless guide during our trip to Nepal in May.

What Does it Take to Change the World? An Interview with Dr. Milan Maharjan of Ear Care Nepal

Dr. Maharjan is the founder and chairperson of Ear Care Nepal, a volunteer organization that provides free ear surgeries to schoolchildren across Nepal--surgeries that prevent deafness and, in some cases, death.

The Visionary Doctor Behind Mountain Heart Nepal

When a devastating earthquake rocked Nepal to its core, Dr. Aban Gautam knew he had to do something to help. Many people in rural Nepali communities already had to walk over 10 hours to get to a doctor, but with the destruction of the earthquake, it was nearly impossible for many to get help.

Nepal 2019 Giveback Trip

The lack of infrastructure in many Nepali cities and communities makes the country especially vulnerable. So when a devastating earthquake hit the small country...

Load more posts

Optimize Your Life

The LIV Better Blog