change hamburger breakpoint; comment out menu hover functionality

This commit is contained in:
Mark Eaton
2022-07-13 08:16:25 -04:00
parent 4c4e85db00
commit eab29704e2
+7 -32
View File
@@ -250,98 +250,72 @@ a.no-underline { text-decoration: none; }
/* media queries */ /* media queries */
@media only screen and (min-width: 1px) { @media only screen and (min-width: 1px) {
#library-logo { #library-logo {
max-width: 100%; max-width: 100%;
max-height: 150px; max-height: 150px;
} }
nav.navbar-default.yamm { margin-top: -20px; } nav.navbar-default.yamm { margin-top: -20px; }
.form-width { width: 210px; } .form-width { width: 210px; }
.zero-margin { margin: 7px auto; } .zero-margin { margin: 7px auto; }
.nav-by-jumbotron { margin-top: 40px !important; } .nav-by-jumbotron { margin-top: 40px !important; }
#main-blue-footer { min-height: 450px; } #main-blue-footer { min-height: 450px; }
.library-address { float: left; } .library-address { float: left; }
#cuny-logo { #cuny-logo {
float: left; float: left;
clear: both; clear: both;
margin-top: 10px; margin-top: 10px;
} }
.libapps { .libapps {
float: left; float: left;
clear: left; clear: left;
} }
} }
@media only screen and (min-width: 1px) and (max-width: 767px) {
#hamburger-alternative { display: none; }
#corona-alert { margin-top: 10px; }
}
@media only screen and (min-width: 768px) { @media only screen and (min-width: 768px) {
#hamburger, #hamburger-ul { display: none; }
.zero-margin { margin: -2px; } .zero-margin { margin: -2px; }
#blue-border1 { #blue-border1 {
box-shadow: 0px 5px 0 var(--kbccblue), 0px -5px 0 var(--kbccblue), -5px -5px 0 var(--kbccblue), -5px 5px 0 var(--kbccblue); box-shadow: 0px 5px 0 var(--kbccblue), 0px -5px 0 var(--kbccblue), -5px -5px 0 var(--kbccblue), -5px 5px 0 var(--kbccblue);
} }
#blue-border2 { #blue-border2 {
box-shadow: 0px -5px 0 var(--kbccblue), 0px 5px 0 var(--kbccblue); box-shadow: 0px -5px 0 var(--kbccblue), 0px 5px 0 var(--kbccblue);
} }
#blue-border3 { #blue-border3 {
box-shadow: 0px 5px 0 var(--kbccblue), 0px -5px 0 var(--kbccblue), 5px -5px 0 var(--kbccblue), 5px 5px 0 var(--kbccblue); box-shadow: 0px 5px 0 var(--kbccblue), 0px -5px 0 var(--kbccblue), 5px -5px 0 var(--kbccblue), 5px 5px 0 var(--kbccblue);
} }
.nav-by-jumbotron { margin-top: 0px !important; } .nav-by-jumbotron { margin-top: 0px !important; }
#lighthouse-logo { #lighthouse-logo {
display: inline-block; display: inline-block;
float: left; float: left;
} }
#main-blue-footer { min-height: 210px; } #main-blue-footer { min-height: 210px; }
.library-address { .library-address {
display: inline-block; display: inline-block;
margin: -10px 30px; margin: -10px 30px;
font-size: 1.1em; font-size: 1.1em;
} }
#cuny-logo { #cuny-logo {
float: right; float: right;
clear: none; clear: none;
margin: -10px 0px; margin: -10px 0px;
} }
.libapps { .libapps {
float: right; float: right;
clear: both; clear: both;
} }
} }
@media only screen and (min-width: 1px) and (max-width: 991px) {
#hamburger-alternative { display: none; }
#corona-alert { margin-top: 10px; }
}
@media only screen and (min-width: 992px) { @media only screen and (min-width: 992px) {
#header-div { text-align: center; } #header-div { text-align: center; }
#hamburger, #hamburger-ul { display: none; }
#library-logo { #library-logo {
max-width: 100%; max-width: 100%;
max-height: 350px; max-height: 350px;
} }
.form-width { width: 340px; } .form-width { width: 340px; }
} }
@@ -378,7 +352,7 @@ a.no-underline { text-decoration: none; }
</style> </style>
<!-- trigger menu open when you hover over dropdowns --> <!-- trigger menu open when you hover over dropdowns
<script> <script>
$(document).ready(function(){ $(document).ready(function(){
// on tablets, trigger the dropdown on touchend, since there is no hover // on tablets, trigger the dropdown on touchend, since there is no hover
@@ -397,6 +371,7 @@ $(document).ready(function(){
}; };
}); });
</script> </script>
-->
<!-- scripts to make the Book a Study Room widget run --> <!-- scripts to make the Book a Study Room widget run -->
<script src="https://kbcc-cuny.libcal.com/js/equipment.min.js"></script> <script src="https://kbcc-cuny.libcal.com/js/equipment.min.js"></script>