Hi, I have a problem with my theme. I fixed the Bootstrap navigation bar and here is the problem, the Drupal admin bar is under the Bootstrap navigation menu.

How to display correctly ?

class="navbar fixed-top navbar-default p-0"

CommentFileSizeAuthor
Capture d’écran du 2020-12-31 03-41-31.png70.17 KBzenimagine

Issue fork bootstrap_barrio-3190717

Command icon Show commands

Start within a Git clone of the project using the version control instructions.

Or, if you do not have SSH keys set up on git.drupalcode.org:

About issue forks

Comments

zenimagine created an issue. See original summary.

zenimagine’s picture

zenimagine commented

an idea ?

hatuhay’s picture

hatuhay commented

If the menu is fixed, it will be over the admin menu.
Margins could workaround using body classes to detect admin menu presencw, but see no solution

zenimagine’s picture

zenimagine commented

It's weird because it's a Drupal theme and it should handle Drupal properly. The Bootstrap theme :

https://www.drupal.org/project/bootstrap

Handles the administration menu very well, even if the bar is fixed.

zenimagine’s picture

zenimagine commented
Category: Support request » Bug report
Priority: Normal » Major
vm’s picture

vm commented
Status: Active » Closed (outdated)

Drupal 5 has been EOL'd. Closing this issue as outdated.

zenimagine’s picture

zenimagine commented

@VM Why did you close the problem. What does EOL mean?

vm’s picture

vm commented

inadvertent closure. 5.x isn't the Drupal version but the module version.

zenimagine’s picture

zenimagine commented
Status: Closed (outdated) » Active
hatuhay’s picture

hatuhay commented
Priority: Major » Minor
Status: Active » Needs work

fixed-top class and its z-index is comming from Bootstrap and due to this z-index value is positioned over the admin menu.
If you want the admin menu to show, change on your subtheme the .fixed-top z-index value.
If somewhere else you find a workaround please share that solution and I will be happy to apply.

arsibux made their first commit to this issue’s fork.

kristofferrom’s picture

kristofferrom
He/him/his
commented

I'm doing this to avoid this behaviour:

.toolbar-fixed {
  #navbar-top, #navbar-main {
    margin-top: 40px;
  }
}

.toolbar-oriented .toolbar-bar {
  z-index: 1500;
}

I agree with #4 in principle, wouldn't it be possible to ensure the expected behaviour of being able to enable the toolbar with no issues on a clean theme?

zenimagine’s picture

zenimagine commented

I added this code to my CSS :

#toolbar-administration #toolbar-bar {
    z-index: 1031;
}

.toolbar-horizontal .fixed-top {
    z-index: 1030;
    top: 79px;
}

arsibux opened merge request !5

hatuhay’s picture

hatuhay commented
Status: Needs work » Fixed

  • hatuhay committed 8d5ecfb on 5.5.x 
    Issue #3190717 by arsibux, zenimagine: The Drupal admin bar is under the...

  • hatuhay committed 7671c8c on 5.x 
    Issue #3190717 by arsibux, zenimagine: The Drupal admin bar is under the...

Status: Fixed » Closed (fixed)

Automatically closed - issue fixed for 2 weeks with no activity.

hatuhay closed merge request !5