Google Translate and Administration Menu [#851762]

I installed Google Translate and added the block to my page. I am also use the Administration Menu Module for the black bar at the top. When the block in installed the admin menu jumps down to cover my top tabs after the page is loaded. When the page is loading it looks fine then it makes a jump. When I disable the block it goes back to normal. This is a great module and would like to use it. Any thoughts or solutions?

Comments

Comment #1

startd CreditAttribution: startd commented 15 July 2010 at 23:19

Category:

support

» bug

Comment #2

nairb CreditAttribution: nairb commented 4 August 2010 at 18:08

admin_menu.css adds 20px to the top margin of the body:
body.admin-menu {
margin-top: 20px !important;
}

The Google Translate JavaScript throws inline css into the body tag: "position: relative; min-height: 100%; top: 40px;"

By adding the relative positioning to the body, the top margin bumps the admin menu over the content. I have found that as long as the Google Translate js is being loaded, whether the page is being translated or not, the body position is set to relative.

Add this to your page css to adjust the admin menu's positioning:
#admin-menu {
margin-top: -20px;
}

You may also want to add "position: relative" to your body declaration so the menu appears correct before the translate js is loaded too.

Brian