<?php //if (is_page(array(###))) { ?>

<div class="outer-mobile-sit-at-bottom cf">

<div class="inner-mobile-sit-at-bottom cf">

<div class="contact-us mobile cf">Contact Us</div>

</div>

<div class="collapsed-gform-area-home-mobile cf">

<div class="collapsed-gform-area-home-mobile-inner cf">

<?php echo do_shortcode(''); ?>

</div>

</div>

</div>

 

 

<script>

$('.inner-mobile-sit-at-bottom').click(function(){

var mobiletitle = $('.contact-us.mobile');

var collapsablemenu = $('.collapsed-gform-area-home-mobile');

if(!collapsablemenu.hasClass('active')){

collapsablemenu.slideDown(1000);

collapsablemenu.addClass('active');

mobiletitle.css('background-image', 'url(<?php echo home_url(); ?>/wp-content/uploads/2017/01/close31.png)');

mobiletitle.animate({width: 87},500);

mobiletitle.text('close');

$('.outer-mobile-sit-at-bottom').css('max-height', $(window).height() - 63);

$('html').css('overflow', 'hidden');

} else {

collapsablemenu.slideUp(1000);

collapsablemenu.removeClass('active');

mobiletitle.css('background-image', 'url(<?php echo home_url(); ?>/wp-content/uploads/2017/01/36568171_M.png)');

mobiletitle.width(140);

mobiletitle.text('contact us');

$('html').css('overflow', 'auto');

}

});

</script>

<?php// } ?>

 

 

.contact-us.mobile {

width: 140px;

text-align: center;

padding-left: 20px;

margin-left: auto;

margin-right: auto;

background-image: url(beaubumpas.com/wp-content/uploads/2016/08/36568171_M.png);

background-repeat: no-repeat;

background-size: 20px;

background-position: left center;

color: #222;

font-weight: bold;

font-family: "Oswald",sans-serif;

text-transform: uppercase;

}

.outer-mobile-sit-at-bottom {

position: fixed;

bottom: 0;

background-color: #fff;

width: 97%;

text-align: center;

cursor: pointer;

box-shadow: 0px 0px 7px 3px rgba(0,0,0,0.5);

z-index: 99999999999;

overflow: auto;

}

.inner-mobile-sit-at-bottom {

padding: 5px 0px;

}

.collapsed-gform-area-home-mobile {

display: none;

}

.collapsed-gform-area-home-mobile-inner {

overflow: auto;

}

 

@media only screen and (min-width: 768px) {

.outer-mobile-sit-at-bottom {

max-width: 300px;

margin-left: auto;

margin-right: auto;

left: 0;

right: 0;

}

}

Leave a Reply

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

This site uses Akismet to reduce spam. Learn how your comment data is processed.