Step 1 – Install header snippet.
Create a new snippet named “pressify-header” and copy the code below and paste it into the new snippet.

    	<link href='https://pressify.s3.amazonaws.com/assets/bxslider/jquery.bxslider.css' rel='stylesheet' type='text/css'>
      <style>
        .press_modal_wrapper{
        	background-color:rgba(255,255,255,0.5);
          	position: fixed;
          	top: 0; left: 0;
          	width: 100%;
          	height: 100%;
          	display: none;
          	z-index: 900;
        }
        .press_modal{
          position: fixed;
          min-width: 760px; 
          max-width: 760px; 
          max-height: 460px; 
          min-height: 460px; 
          padding: 20px 20px 20px 20px; 
          background: #fff;
          top: 50%; left: 50%;
         
          margin-top: -300px; margin-left: -400px;
          -webkit-box-shadow: 4px 4px 4px 4px rgba(50, 50, 50, 0.25);
          -moz-box-shadow:    4px 4px 4px 4px rgba(50, 50, 50, 0.25);
          box-shadow:         4px 4px 4px 4px rgba(50, 50, 50, 0.25);
          z-index: 1000;
        }
        .press_toolbar{
          border-top: 0px solid #eee;
          padding: 0px 0px 10px 0px;
          margin-bottom: 10px;
        }
        .press_title{
          float: left;
          width: 500px;
          overflow: hidden;
        }
        .press_close{
          float: right;
          width: 200px;
          overflow: hidden;
        }
        .slide_container{
          width: 500px;
          float: left;
        }
        .slide_container img{
          max-width: 100%; 
        }
        .product_container{
          width: 200px;
          padding: 5px;
          float: right;
          text-align: center;
          border: 1px solid #eee;
          font-size: 12px;
        }
        
        .pressify_product_grid{
        	margin: 0px;
          	padding: 10px 0 0 0;
          	list-style: none;
        }
        
        .pressify_product_grid li{
        	float: left;
          	width: 80px;
          	margin-right: 5px;
          	margin-left: 5px;
        } 
        
        .pressify_product_grid li a img{
         	max-width: 100%; 
        }
        
        .press_close{
          text-align: right;
        }
        
        .pressify_grid_item{ border: 1px solid #eee; width: 23%; margin-right: 1%; margin-bottom: 10px; max-height: 320px; min-height: 320px; overflow: hidden; float: left; text-align: center; }
        .pressify_grid_item a img{ display: block !important; max-width:100% !important; max-height:100% !important; width: auto !important; height: auto !important; margin: 0px auto 0px auto !important; }
        
        /* mASONRY SET UP*/
        .pressify_wrapper{
            width: 100%;
            max-width: 940px;
            margin: 2em auto;
          	padding-top: 60px;
        }
        /*
        .cols {
            -moz-column-count:3;
            -moz-column-gap: 3%;
            -moz-column-width: 30%;
            -webkit-column-count:3;
            -webkit-column-gap: 3%;
            -webkit-column-width: 30%;
            column-count: 3;
            column-gap: 3%;
            column-width: 30%;
        }*/
        .box {
          margin: 10px;
          width: 30%;
          padding: 3px;
          border: 1px solid #eee;
          text-align: center;
        }
        @media only screen and (max-width: 400px) {
          	.box {
              margin: 10px;
              width: 90%;
              padding: 3px;
              border: 1px solid #eee;
              text-align: center;
            }
            .press_modal{
              position: fixed;
              min-width: 300px; 
              max-width: 300px; 
              max-height: 400px; 
              min-height: 400px; 
              padding: 5px; 
              background: #fff;
              top: 50%; left: 50%;

              margin-top: -200px; margin-left: -150px;
              -webkit-box-shadow: 4px 4px 4px 4px rgba(50, 50, 50, 0.25);
              -moz-box-shadow:    4px 4px 4px 4px rgba(50, 50, 50, 0.25);
              box-shadow:         4px 4px 4px 4px rgba(50, 50, 50, 0.25);
              z-index: 1001;
            }
            .product_container, .press_title, .press_comment{ display: none; }
            .slide_container{
              width: 300px;
              float: none;
            }
            .bx-controls, .bx-controls-direction, .bx-pager {
              display: block;
              height: 0;
            }
          /*
            .cols {
              -moz-column-count:1;
              -moz-column-gap: 0%;
              -moz-column-width: 100%;
              -webkit-column-count:3;
              -webkit-column-gap: 0%;
              -webkit-column-width: 100%;
              column-count: 1;
              column-gap: 0%;
              column-width: 100%;
            } */
          }
      </style>