homepage mobile experience became bearable by using questionable css and js practices

front-ui/app/components/cart/cartIcon.js

@@ -26,7 +26,7 @@ var CartIcon = React.createClass({
 
   	  var textNotificationStyle = (this.state.count > 0)  ? { display: 'inline-block'} : { display: 'none'} ;
 
-      return (
+      var large = (
         <div>
          <ul className="nav navbar-nav navbar-right hidden-md hidden-sm hidden-xs">
             <li onClick={this._onClick} style={{borderTop: 'solid lightgray 1px', borderBottom: 'solid lightgray 1px', borderLeft: 'solid lightgray 1px', paddingBottom: 22}}><a ><div className="mycart"><span>{normalizeCount(this.state.count)}</span></div></a></li>
@@ -42,6 +42,21 @@ var CartIcon = React.createClass({
            </ul>
           </div>
         );
+       var small = (
+         <span>
+          <ul className="nav navbar-nav hidden-lg">
+             <li onClick={this._onClick} style={{paddingBottom: 22}}><a ><div className="mycart"><span>{normalizeCount(this.state.count)}</span></div></a></li>
+          </ul>
+          </span>
+        );
+
+        if (this.props.small === 'true') {
+           return small; 
+        }
+        else {
+           return large;
+        }
+    
   },
 
     // Add change listeners to stores