Getting rid of Drupal User Menu for responsiveness purposes

Question

I am working on this Drupal site for a friend of mine: http://todatoda.com

I am using the Bootstrap theme in order to achieve maximum responsiveness and I am getting there. Problem is the secondary menu (User Menu) is always showing as a button on small screens, eventhough it has been completely disabled on the configuration and its links are also disabled on admin>structure>menus.

On big screens (desktop and tablets) all works fine. On smartphones, however, this is what I see:

_{(source: brodtec.com)}

The button, of course, does nothing when clicked. So it just stays there to annoy me.

I even tried to set display:none for all css related to this funky button, without success:

/* Disable funky navbar button - still not working * /
.navbar-default .navbar-toggle {
border-color: #ddd;
display: none;
}
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
background-color: #ddd;
display: none;
}
.navbar-default .navbar-nav>li>a {
color: #777;
display: none;
}
.navbar-nav>li>a {
padding-top: 15px;
padding-bottom: 15px;
display: none;
}
.navbar-toggle {
position: relative;
float: right;
padding: 9px 10px;
margin-top: 8px;
margin-right: 15px;
margin-bottom: 8px;
background-color: transparent;
border: 1px solid transparent;
border-radius: 4px;
display: none;
}
input, button, select, textarea {
font-family: inherit;
font-size: inherit;
line-height: inherit;
display: none;
}
button, html input[type="button"], input[type="reset"], input[type="submit"] {
cursor: pointer;
-webkit-appearance: button;
display: none;
}
button, input {
line-height: normal;
display: none;
}
icon-bar {
display: none;
}
element.style {
display: none;
}

All help is welcome!

Thanks!

Mario Araque Mario Araque · Accepted Answer · 2014-08-03T20:18:59

If you want to delete the button using only CSS, you can do it:

header .navbar-toggle {
  display: none !important;
}

Or simply:

.navbar-toggle {
  display: none !important;
}

To delete all toggle menus. I don't use bootstrap, but the best option is to delete the menu via edit page.tpl.php or the theme configuration.

Regards.

Getting rid of Drupal User Menu for responsiveness purposes

2 Answers