Docs

[brahms]

look the picture on my phone:

[Paul R]

Hi,

Please change the code to this.

add_action('wp_footer','floating_buttons', 999);

function floating_buttons() {

echo '<div class="floating_buttons">'.do_shortcode('[cs_section bg_color="hsl(0, 0%, 100%)" parallax="false" style="margin: 0px;padding: 45px 0px;"][cs_row inner_container="true" marginless_columns="false" style="margin: 0px auto;padding: 0px;"][cs_column fade="false" fade_animation="in" fade_animation_offset="45px" fade_duration="750" type="1/2" class="cs-ta-center" style="padding: 0px;"][x_button shape="pill" size="global" block="false" circle="false" icon_only="false" href="tel:0651565371" title="" target="" info="none" info_place="top" info_trigger="hover" info_content=""][x_icon type="phone" class="mvn mln mrs"]Call Now[/x_button][/cs_column][cs_column fade="false" fade_animation="in" fade_animation_offset="45px" fade_duration="750" type="1/2" class="cs-ta-center" style="padding: 0px;"][x_button shape="pill" size="global" block="false" circle="false" icon_only="false" href="mailto:[email protected];" title="" target="" info="none" info_place="top" info_trigger="hover" info_content=""][x_icon type="map-marker" class="mvn mln mrs"]Directions[/x_button][/cs_column][/cs_row][/cs_section]').'</div>';

echo '<style>.floating_buttons { position: fixed; bottom: 0; width: 100%; } </style>';

}

Then add this in Custom > Edit Global CSS in the customizer.

@media (max-width: 767px) {
.floating_buttons .x-container .x-column.x-1-2.x-sm {
      float:left;
      width: 48%;
      margin-right: 4%;
}

.floating_buttons .x-container .x-column.x-1-2.x-sm:last-of-type {
    margin-right: 0;
}
}

Hope that helps.

[brahms]

Hi,

Thank you!!!!!!!!!!!!!!!!!!!!!!!!!! it’s nice! 😀

[Joao]

Glad to hear it 🙂

[Author]

Posts