The fixed position of the bootstrap's navbar is on top of admin_menu, what workaround could solve this?

Comments

Docc’s picture

Status: Active » Closed (won't fix)

Well the whole admin menu doesn't seem to play nice with jquery 1.7+
Also the fixed top bar is going away so that problem is going to solve itself.

siilak’s picture

There is solution for this in css file

.navbar-fixed-top {
position: fixed;
top: 0;
right: 0;
left: 0;
z-index: 500; // to show the menu sequence
}

erbzh’s picture

Admin module seems to work after installation of jQuery Update (with jQuery v 1.7.1 enabled)
and the code below added in themes/twitter_bootstrap/includes/modules/admin.inc to prevent submenus being expended.

<?php

function twitter_bootstrap_menu_link__management(array $variables) {
    return theme_menu_link($variables);
}

function twitter_bootstrap_menu_link__navigation(array $variables) {
    return theme_menu_link($variables);
}

This code might be not sufficient if the admin toolbar includes other menus than 'management' and 'navigation'.

eusonic’s picture

I simply added:

body.admin-menu .navbar-fixed-top {
  top: 32px;
  z-index: 499;
}

This is for the taller admin menu style. If you're using the shorter style you will need to adjust it a little.

The z-index was changed to prevent the menu from covering the admin overlay.

pico34’s picture

Thanks siilak and eusonic, both solutions works

ressa’s picture

Thanks @eusonic, this works and could be committed? Or what does "Also the fixed top bar is going away so that problem is going to solve itself." mean?

andregriffin’s picture

Project: Twitter's Bootstrap » Bootstrap
siteogra’s picture

and hide shadow from admin menu

#admin-menu {
    box-shadow: none;
}
giorgio79’s picture

Status: Closed (won't fix) » Active

Almost two years and the fixed navbar is still around. Any plans to remove it, so admin menu can work? :)

markhalliwell’s picture

Status: Active » Closed (fixed)

It works just fine in the 2.x branch.

giorgio79’s picture

Ah thx Mark. Yep, I am facing this issue with Bootswatch. Will post this in that issue.

PascalAnimateur’s picture

Issue summary: View changes

Here's the way I do it with adminimal_admin_menu 1.x-dev for all types of navbar (default, static top, fixed top / bottom). I try to keep the same spacing between the navbar and admin_menu (20px) for all screen sizes. Also, with a fixed top navbar, when adminimal_admin_menu switches to slicknav it gets displayed below the navbar, but this is consistent with the navbar being always fixed on top of the screen (normal admin_menu is still on top on bigger screens)

@media screen and (max-width: 1024px) {
  body.adminimal-menu .navbar-fixed-top {
    top: 0px;
  }
  body.adminimal-menu.navbar-is-fixed-top {
    padding-top: 50px !important;
  }
  body.adminimal-menu .navbar-static-top {
    margin-top: 20px;
  }
  body.adminimal-menu .slicknav_menu {
    margin-bottom: 20px;
  }
}
@media screen and (min-width: 1024px) {
  body.adminimal-menu {
    margin-top: 28px !important;
  }
  body.adminimal-menu .navbar.container {
    margin-top: 48px;
  }
  body.adminimal-menu .navbar-static-top {
    margin-top: 48px !important;
  }
  body.adminimal-menu.navbar-is-fixed-top {
    padding-top: 64px !important;
  }
  body.adminimal-menu .navbar-is-fixed-top {
    margin-top: 0px !important;
    margin-bottom: 47px !important;
  }
}

adminimal_admin_menu 1.x-dev has a larger font size and is responsive (breakpoint at 1024px), I prefer it over 'vanilla' admin_menu.

sopranos’s picture

bootstrap has so many issues with other modules.....it does not open admin menu items in overlaly, so i get dimed black screen and no content......

that happens if i put jquery above 1.7......

if i keep it at 1.7 ckeditor does not work

who make this theme so buggy is what i wonder