Posted By

jerehall on 04/03/15

Tagged

Versions (?)

Last Edited at 04/03/15 05:29am

Statistics

Viewed 425 times

Favorited by 0 user(s)

Related snippets

LibGuides 2 Mobile Adjustments

/ Published in: CSS

Strictly mobile media query changes.

Highlighted TextExpand

/*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?

Report this snippet Tweet

Comments

Subscribe to comments

Comment:

You need to login to post a comment.