JSFiddle - React, Tailwind, and code Playground

by Alessio

HTML

<link rel="stylesheet" href="http://2015.ambientlounge.com/var/cache/misc/assets/design/themes/ambientlounge/css/standalone.a7394b76d764c170f616761bc879f0a41435842834.css?t=1435842842">
<!DOCTYPE html>
<html lang="en">
<head>
<title>Bean Bags for Designer Interiors | Outdoor Bean Bags | UK&#039;s Best Bean Bags</title>

<base href="http://2015.ambientlounge.com/" />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" data-ca-mode="full" />
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" />

<meta name="description" content="Ambient Lounge® bean bags are real furniture. Stunning UK bean bags and designer bean bag furniture for beautiful english home interiors and outdoor spaces. Ambient Lounge® UK successfully transformed the humble bean bag into inspiring designer furniture. " />


<meta name="keywords" content="bean bags, bean bag, beanbags, beanbag, bean bags UK, bean bags London, bean bags Cardiff, bean bags Glasgow, bean bags Surrey, ambient lounge bean bags , beanbag chair, kids bean bags, beanbag sofa, bean bag furniture, fatboy bean bags, ambient lounge, polystyrene beans, bean bag filling, designer furniture." />








<link href="http://2015.ambientlounge.com/images/logos/2/favicon_gmau-yx.ico" rel="shortcut icon" type="image/x-icon" />
<link type="text/css" rel="stylesheet" href="http://2015.ambientlounge.com/var/cache/misc/assets/design/themes/ambientlounge/css/standalone.a7394b76d764c170f616761bc879f0a41435842834.css?t=1435842842" />
<link href="addons/specific_development/styles.css" rel="stylesheet" type="text/css" />
<link href="addons/catalog_descriptions/styles.css" rel="stylesheet" type="text/css" />
</head>

<body>

<div class="ty-tygh  " id="tygh_container">

<div id="ajax_overlay" class="ty-ajax-overlay"></div>
<div id="ajax_loading_box" class="ty-ajax-loading-box"></div>

<div class="cm-notification-container notification-container">
</div>

<div...

CSS

.ty-menu {
	border-bottom: 0;
}

	.ty-menu__items {
		background: none;
		display: table;
    	margin: 0 auto;
        position: static !important;
	}

	.ty-menu__item-active .ty-menu__item-link {
		background: none;
		font-weight: bold;
		padding: 18px 20px;
		min-height: 100%;
		padding: 14px 20px;
	}

	.ty-menu__item .ty-menu__item-link {
		color: #ffffff;
	}

	.no-touch .ty-menu__item:hover .ty-menu__item-link, .is-hover-menu .ty-menu__item-link, .is-hover-menu.ty-menu__item-active .ty-menu__item-link {
		background: #ffffff;
		color: #333;
	}

	.ty-menu__submenu-items,
	.ty-dropdown-box__content {
		border: 1px solid #dadada;
		border-top: 0;
 }

.ty-menu__submenu-items{
      position: absolute;
      left: 0;
      width: 100%;
      -moz-box-sizing: border-box;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
}

.ty-menu__submenu-to-right {
  position: static !important;
}

.tygh-header{
    position: relative;
}

    

	.ty-dropdown-box__title.open {
		background: #dadada;
	}

	.ty-dropdown-box__title.open .ty-minicart-title {
		color: #333;
	}

	/* submenu */

	.ty-menu__submenu-to-right .ty-menu__submenu-items {
		right: auto;
	}

	.ty-menu__submenu .ty-menu__submenu {
		float: left;
		width: 240px;
	}

		.ty-menu__submenu .ty-menu__submenu li span {
			border-bottom: 1px solid #dadada;
			display: block;
			font-weight: bold;
			margin: 0 15px 10px;
			padding: 0 0 5px;
		}

		.ty-menu__submenu .ty-menu__submenu li a {
			padding: 4px 20px 5px 6px;
			margin: 0 10px;
		}

	/* Tablet */
	@media only screen and (max-width: 959px) {

	}

	/* Mobile */
	@media only screen and (max-width: 767px) {

		/* Social Count */
		.socialCount {
			text-align: center;
		}

		.cart-status {
			text-align: center;
			margin: 13px 0;
		}

		/* Make menu full width */
		.ty-menu__item.ty-menu__menu-btn.visible-phone,
		.ty-menu__items.cm-responsive-menu {
			width: 100%;
		}

		.ty-menu__submenu .ty-menu__submenu {
			float: none;
			width:...