.navbar-collapse .navbar-brand { display: inline-block; float: none; padding: 0; margin: 0 !important; overflow: visible; } .navbar-collapse .navbar-brand .white-circle { display: block; width: 60px; height: 60px; background-color: white; border-radius: 50%; border: 1px dotted red; position: relative; z-index: 2; } .navbar-collapse .navbar-brand .white-circle .logo { width: 60px; height: 60px; } .navbar-header, .collapse.navbar-collapse, img.logo { box-shadow: 0px 2px 14px 2px rgba(0, 0, 0, 0.7); } @media (max-width: 849px) { .navbar-brand.visible-xs { display: block!important; } .navbar-brand.hidden-xs { display: none!important; } .navbar>.container-fluid .navbar-brand { margin-left: 0; } } @media (max-width: 850px) { .navbar-header { float: none; } .navbar-toggle { display: block; } .navbar-collapse { border-top: 1px solid transparent; box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1); } .navbar-collapse.collapse { display: none!important; } .navbar-nav { float: none!important; margin: 7.5px -15px; } .navbar-nav>li { float: none; } .navbar-nav>li>a { padding-top: 10px; padding-bottom: 10px; } .navbar-text { float: none; margin: 15px 0; } /* since 3.1.0 */ .navbar-collapse.collapse.in { display: block!important; } .collapsing { overflow: hidden!important; } }
Search thousands of free JavaScript snippets that you can quickly copy and paste into your web pages. Get free JavaScript tutorials, references, code, menus, calendars, popup windows, games, and much more.
Floating logo over navigation bar problem
Subscribe to:
Post Comments (Atom)
What is Security Engineering? Part 2.
A broad overview of the ever-developing security engineering field; a domain that can feel intimidating to some software engineers. With Nie...
No comments:
Post a Comment