Buy me a coffee

2 Floating button on Bottom Right

To add 2 floating button on Bottom Right, you can do these.
#1. First, add 2 Button Blocks to Site Footer

2 Floating Button On Bottom Right 1 Min

#2. Find ID of 2 Buttons.
In my example, we will have:

  • Book Now: #block-yui_3_17_2_1_1728047507496_17724
  • Call Now: #block-yui_3_17_2_1_1728853644148_7931

2 Floating Button On Bottom Right 2 Min

#3. Use this code to Custom CSS box

#block-yui_3_17_2_1_1728047507496_17724, #block-yui_3_17_2_1_1728853644148_7931 {
    position: fixed;
    bottom: 3vw;
    right: 3vw;
    width: 200px;
    height: 50px;
    display: block !important;
    z-index: 99999;
}
footer.sections section, footer.sections {
    z-index: 99999 !important;
}
/* Call Now */
#block-yui_3_17_2_1_1728853644148_7931 {
    bottom: 7vw;
}

2 Floating Button On Bottom Right 3 Min

#4. Result

2 Floating Button On Bottom Right 4 Min