Home

5

Homepage

Examples

3

Layout examples

Freebies

3

Free downloads

Pricing

3

Pricing plans

Tutorials

3

Tutorials & Tools

Contact Us

3

Questions, concerns or comments?

My Account

3

View member dashboard

Cart

3

View your cart

WELCOME TO DIVIMOBIFIRST

Home page

Members

DIVI COMPLETE LAYOUT SCHEME

3

HEADERS AND FOOTERS

5

SECTION LAYOUT

5

IMAGE LAYOUTS

5

PRICE TABLES

5

PRODUCT LAYOUTS

5

TAB LAYOUTS

5

SLIDERS

5

PRICING

Monthly, Yearly or Lifetime

View Pricing Table

CONTACT US

Questions, concerns and comments

Send us a message

YOUR CART

View cart

2

Back to top

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, articles 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

0 Comments

0 Comments

Submit a Comment

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