The menu / navbar layout breaks in tablet screensize #99

Open
ketri opened this Issue Jan 19, 2013 · 2 comments

3 participants

@ketri

The menu becomes bigger vertically, and the left and right side components (Page title on left, the button that opens the jQuery-menu on the right) are partly outside of the site.
See the screenshot and try to scale the browser for yourself.

Kuvankaappaus 2013-1-20 kello 0 07 02

@anhek

I have the same issue, have you found a solution ?

@heyallan

This is caused by the extra margin added by class: .navbar-relative-top, in bootstrapwp.css in line 6193, which by the way is no longer present in the latest versions of bootstrap.

@media (max-width: 979px)
    .navbar-relative-top {
    position: static;
    margin-left: -20px; <===== here
    margin-right: -20px; <===== and here
    margin-bottom: 20px;
    padding: 0;
}

If you change the navbar class from navbar-relative-top to navbar-fixed-top it should work as expected.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment