.site-description { font-size: 14px; font-size: 1.4rem; height: 16px; margin-bottom: 0; line-height: 1; clip: auto; width: 200px; overflow: visible; position: absolute; word-wrap: normal; } .title-area { background-color: #FFF; box-shadow: 0 0 6px #00000040; border-radius: 0 0 8px 8px; float: left; margin: 0; max-width: 290px; padding: 30px 30px 50px; position: relative; width: auto; z-index: 9999; margin-left: 0; } .site-header { box-shadow: none; } @media (min-width: 960px) { .site-header { position: relative; background: transparent; box-shadow: none; padding: 0; } .title-area { margin-left: 30px; } .nav-primary { background: #2196f300; box-shadow: 0 0 5px #0000002e; left: 0; top: -80px; width: 100%; float: right; } .nav-primary .wrap { float: right; padding-right: 50px; } }
/*Fixed header */ .title-area { background-color: #FFF; box-shadow: 0 0 6px #00000040; border-radius: 50%; width: 150px !important; height: 150px !important; float: left; margin: 0; max-width: 290px; padding: 30px 30px 50px; position: relative; width: auto; z-index: 9999; margin-left: 0; margin-top: 5px; } .site-header { box-shadow: none; } .menu-toggle { margin-top: 50px; } @media (min-width: 960px) { .site-header { position: zfixed; background: transparent; box-shadow: none; padding: 0; } .title-area { margin-left: 30px; margin-top: 5px; } .nav-primary { background: #00000047; box-shadow: 0 0 5px #0000002e; left: 0; top: -110px; width: 100%; float: right; } .nav-primary .wrap { float: right; padding-right: 50px; } }