1) A contact form in the newsletter bar is not supported. Only a newsletter sign form is as per the demo. You could add the form to a footer widget area?
2) Correct, this is not part of the theme as standard, we added it to our demo site only. As the code is available to see in the source people do copy it and use it on their site.
Please add this to Theme Options => Custom CSS:
#sf-buy-button {
position: fixed;
bottom: 0;
left: 0;
width: auto;
height: auto;
z-index: 9999;
background-color: rgba(0,0,0,0.8);
padding: 30px 30px 20px 20px;
display: none;
}
#sf-buy-button p {
text-align: center;
font-weight: bold;
color: #fff;
margin-bottom: 10px;
}
#sf-buy-button a.sf-button {
margin: 0;
}
#sf-buy-button a.sf-buy-button-close {
color: #fff;
font-size: 26px;
position: absolute;
top: 10px;
right: 10px;
}
@media only screen and (max-width: 767px) {
#sf-buy-button {
display: none!important;
}
}
Please add this to Theme Options => Custom JS:
jQuery(window).load(function() {
jQuery('body').append('<div id="sf-buy-button"><a href="#" class="sf-buy-button-close">×</a><a href="http://swiftideas.com/purchase-atelier" class="sf-button rounded white">PURCHASE ATELIER</a></div>');
jQuery('#sf-buy-button').fadeIn(400);
jQuery(document).on('click', 'a.sf-buy-button-close', function(e) {
e.preventDefault();
jQuery('#sf-buy-button').fadeOut(400);
})
});
3) Use this CSS:
@media only screen and (max-width: 767px) {
.woocommerce table.shop_attributes th {
padding: 11px;
}
.woocommerce table.shop_attributes td {
padding: 11px;
}
}
.