<?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>
$('.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