Menu Horizontal Sidebar Blog HTML/JavaScript
<style> /* Page Styles */ .menu-container {padding: 20px 0; width: 250px; float: left;} .clear {clear: both;} ul{list-style:none; border:0;outline:none;margin:0;padding:0;} /* Vertical Mega Menu Styles */ .mega-menu{ font: bold 13px Arial, sans-serif; line-height: 16px; background: #333; border-left: 1px solid #1B1B1B; position: relative; /* Required */ } .mega-menu li a { display: block; color: #fff; padding: 12px 38px 12px 25px; text-shadow: 1px 1px 1px #000; text-decoration: none; border-top: 1px solid #555; border-bottom: 1px solid #222; border-right: 1px solid #1B1B1B; } .mega-menu li a:hover, .mega-menu li.mega-hover a { background: #4b4b4b; color: #fff; border-right: 1px solid #4b4b4b; } .mega-menu li a.dc-mega { position: relative; } /* Add arrow icon to parent links */ .mega-menu li a .dc-mega-icon { display: block; position: absolute; top: 18px; right: 15px; width: 6px; height: 8px; background: url(https://lh6.googleusercontent