Force mobile nav at 1140px

thanks yigit. is there also a way to have the top menu switch or does that all have to be done via css?
best, paul

sorry for not being more clear. i meant to have the pre-header menu not be set at 1 row at 768px so that it’s height can accommodate more than one row of links. i was able to achieve it via css.

/*allow pre-header nav to display as multiple rows at 768px*/	
@media only screen and (min-width: 768px) and (max-width:1140px) {
   .responsive #header .sub_menu, .responsive #header_meta .sub_menu > ul {
    float: none;
    margin: 0 auto;
    position: static;
    text-align: center;
    width: 100%;
}
.responsive #header .sub_menu, .responsive #header_meta .sub_menu > ul {
    float: none;
    margin: 0 auto;
    position: static;
    text-align: center;
    width: 100%;
}
#top .sub_menu > ul, #top .sub_menu > ul > li {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
}
.responsive #header_meta .sub_menu > ul li, .responsive #header .social_bookmarks li {
    display: inline-block;
    float: none;
}
#top .sub_menu > ul, #top .sub_menu > ul > li {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
}
.responsive .boxed#top {
    width: 500px; 
  }
}

• This reply was modified 10 years, 11 months ago by Paul M.