How to Create a Floating Module?

Add the following code to your Custom CSS within your WordPress admin area: Divi >> Options.

.object {
    animation: MoveUpDown 5s linear infinite;
    position: relative;
    left: 0;
    bottom: 0;
}

@keyframes MoveUpDown {
    0%,
    100% {
        bottom: 0px;
    }
    50% {
        bottom: 20px;
    }
}

 

 

Add the class name object to your desired module’s CSS Class under the advanced tab, within the module’s settings. In this example we used an image module.

Mission Complete.
Note: This hack can also be applied to a row and/or section.

Feel free to experiment with different figures within your CSS code.

Enjoy!😀

Subscribe

Join Our Divi Mobi First Community

Get access to all our Divi Mobi First tips, layout and cutting-edge helpful tutorials that are easy to understand for small businesses, bloggers, and non-techy Divi website owners, direct to your inbox.

By Kerwin

Web Designer | Developer | Educator

Completely revolutionize the way you think about building Divi Websites.
Get Instant Access Now

Check Out These Related Posts

CSS Gallery Grid

CSS Gallery Grid

Introducing the Ultimate Responsive, Adaptive Gallery Layout for Divi: Powered by CSS Grid Elevate your online presence with our new DiviMobiFirst layout featuring a responsive, adaptive gallery powered by the robust CSS Grid. This layout is designed to showcase your...

read more

0 Comments

0 Comments

Submit a Comment

Your email address will not be published. Required fields are marked *

View Template

You have Successfully Subscribed!