Difference between revisions of "Team:TUDelft/Header"
| Line 203: | Line 203: | ||
display: block; | display: block; | ||
} | } | ||
| − | + | { | |
| − | + | ||
| − | + | ||
.navbar.responsive {position: relative;} | .navbar.responsive {position: relative;} | ||
.navbar.responsive .icon { | .navbar.responsive .icon { | ||
| Line 225: | Line 223: | ||
text-align: left; | text-align: left; | ||
} | } | ||
| + | |||
| + | |||
} | } | ||
| + | |||
| + | @media screen and (max-width: 800px) { | ||
| + | .navbar a:not(:first-child), .dropdown .dropbtn { | ||
| + | display: none; | ||
| + | } | ||
| + | .navbar a.icon { | ||
| + | float: right; | ||
| + | display: block; | ||
| + | } | ||
| + | { | ||
| + | .navbar.responsive {position: relative;} | ||
| + | .navbar.responsive .icon { | ||
| + | position: absolute; | ||
| + | right: 0; | ||
| + | top: 0; | ||
| + | } | ||
| + | .navbar.responsive a { | ||
| + | float: none; | ||
| + | display: block; | ||
| + | text-align: left; | ||
| + | } | ||
| + | |||
| + | .topnav.responsive .dropdown {float: none;} | ||
| + | .topnav.responsive .dropdown-content {position: relative;} | ||
| + | .topnav.responsive .dropdown .dropbtn { | ||
| + | display: block; | ||
| + | width: 100%; | ||
| + | text-align: left; | ||
| + | } | ||
| + | |||
| + | |||
| + | } | ||
| + | |||
</style> | </style> | ||
</head> | </head> | ||
Revision as of 16:27, 21 June 2019
