MGCodeSnips

<script type="text/javascript" src="/ekmps/designs/assets/master/1269/other/jlsminifader.min.js"></script>
<script type="text/javascript">

var $j = jQuery;

$j(window).bind('load', function(){
  $j('#welcomebanner').jlsMiniFader({ 'delay':3000, 'duration':500, 'hoverStop':true, 'showControls':false, 'autoStart':true, 'showNavigation':true, 'removeEmptySlides':true, 'hideControlsOnHover':true});
});

</script>

MGCodeSnips

CSS

<link rel="stylesheet" href="https://cdn.ekmsecure.com/font-awesome/latest/fa-safe.css">


#menu ul, #menu li {margin: 0; padding: 0; list-style: none;}
		#menu li {
			position: relative;
			z-index; 2;
			}

MGCodeSnips

<!-- category/main page layout --->

{price}
 <div class="item-price">
 
[ekm:nested_if]
    iftype="CONTAINS";
    ifvalue="[price]";
    ifvalue2="0.00";
    ifthen="<span class="price-alt"> POA </span>";

MGCodeSnips

[ekm:customer_logged_in]
/* add your price and add to cart button style */
logged_in='<style>.customer-logged-in {display:block;} .customer-logged-out {display: none;}</style>';
logged_out='';
[/ekm:customer_logged_in]

MGCodeSnips

<style type="text/css">/*CONTACT FORM*/
.contact-form {font-size: 12px;}
.contact-form h1 {font-size: 14px; margin: 10px 0px;}
.contact-form p.required {color: red; font-weight: bold; font-size: 11px; margin: 0 0 0 20%}
.contact-form .hr {border-bottom:1px dotted #CCC; height: 1px; margin: 10px 0px; }
.contact-form-row {clear: both; overflow: hidden; margin: 5px;}
.contact-form-row label {font-weight: bold; width: 20%; float: left; line-height: 38px;}
.contact-form-row input, .contact-form-row textarea {padding:10px; border: 1px solid #CCC; box-shadow: 0px 0px 5px rgba(0,0,0,.1) inset; float:left; width: 60%; background: #EFEFEF}
.contact-form-row textarea {height: 120px;} 
.contact-form-row .star {color: red;}

MGCodeSnips

<!-- desktop theme code start -->
You need to put your hyperlin in the span. The a hyplerling will make the banner look odd on the mobile shop.

When adding your banner image make sure you remove the image style 
as the editor adds in width and height styles. This will make the banner strech on the mobile.
 
<style type="text/css">
.pseudolink { 
   cursor:pointer; 

MGCodeSnips

<style type="text/css">
.text-box-container {
    position: relative;  
    }
.top-text {
    position: absolute;
    top: 90px;
    right: 100px; /* change the to left if you want the text to the left */
    }