/ Published in: CSS
Strictly mobile media query changes.
Expand |
Embed | Plain Text
Copy this code and paste it in your HTML
/*Mobile Adjustments*/ @media (min-width:769px) { .dropdown:hover .dropdown-menu { display: block; } } @media only screen and (max-device-width: 480px) { /* define mobile specific styles come here */ #header-unf { display: none; } #slider-unf { display: none; } #menu-unf { max-width: 320px; } #menu-unf a { margin-left: 10px; } #menu-unf .navbar-default { max-width: 320px; background-color: #6b6c6c; margin-left: auto; margin-right: auto; border: none; } #menu-unf .navbar-default .dropdown-menu a { background-color: #ffffff; color: #555; } .padding-fix { max-width: 100%; padding-left: 5px; padding-right: 5px; } #footer-unf { background-color: transparent; } #footer-unf-container { max-width: 320px; } } @media only screen and (min-device-width: 320px) and (max-device-width: 568px) and (orientation: landscape) { #menu-unf .navbar-default { max-width: 568px; } #footer-unf { background-color: transparent; } #footer-unf-container { max-width: 568px; } } @media only screen and (min-device-width: 768px) and (max-device-width : 1024px) and (orientation : landscape){ /* For landscape iPad layouts */ #banner-unf { width: 1024px; } #menu-unf .navbar-default { width: 1024px; margin-left: auto; margin-right: auto; border: none; } #footer-unf-container { width: 1024px; margin-left: auto; margin-right: auto; } .tabbed-unf #api_hours_today_iid928_lid0 { width: 100%; } #slider-unf .carousel-caption { max-height: 150px; } } @media only screen and (min-device-width: 768px) and (max-device-width : 1024px) and (orientation : portrait){ /* For portrait iPad layouts */ #banner-unf { width: 768px; } #menu-unf .navbar-default { width: 768px; margin-left: auto; margin-right: auto; border: none; } #search-unf { position: relative; bottom: 110px; } #searchDiv input#box { width: 25%; } .searchSelect { padding-right: 120px; } .searchLink { margin-top: -20px; } .mywings { margin-top: -110px; } .padding-fix { width: 100%; padding-left: 10px; padding-right: 10px; } #footer-unf { background-color: transparent; } #footer-unf-container { max-width: 768px; } }
URL: http://libguides.unf.edu/index.php?