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