Re: Collapse menu for iPad landscape

Home Forums Older releases 0.9.x Collapse menu for iPad landscape Re: Collapse menu for iPad landscape

#1589
admin
Keymaster

Hi, as far as I can see, you are using SmartMenus with Bootstrap. In this case, the menu relies on the responsive breakpoints defined in the Bootstrap CSS:

http://cdfps.com/Valara/css/bootstrap.css

and in your case the breakpoint at which the menu becomes collapsible is 768px (which is the default). In order to fix this, you could:

1) either try to edit your Bootstrap’s generated CSS file and find the rules that matter for the menu like the following (these are just some sample ones, you will need to find and tweak them all…):

@media (min-width: 768px) {
  .navbar-toggle {
    display: none;
  }
}

...

@media (max-width: 767px) {
  .navbar-nav .open .dropdown-menu {
    position: static;
    float: none;
    width: auto;
    margin-top: 0;
    background-color: transparent;
    border: 0;
    box-shadow: none;
  }

  ...

/* etc... */

2) or create and download a customized version of the Bootstrap CSS with the exact breakpoints you like:

http://getbootstrap.com/customize/

This is the breakpoints section you need to tweak:

http://getbootstrap.com/customize/#media-queries-breakpoints

Though if you do this, the new breakpoint width will also affect all other Bootstrap components.

BTW, I noticed you are linking both the normal and minified version of the Bootstrap CSS on your page:

<link href="../css/bootstrap.css" rel="stylesheet">
<link href="../css/bootstrap.min.css" rel="stylesheet" type="text/css" />

which you don’t need and I guess you would like to fix.

Please let me know if I could be of any further help.

Register

You will be emailed a link to set your password.

Login

Lost password?