cancel
Showing results for 
Search instead for 
Did you mean: 

Outlool.com email, blue bar overlays email menu choices, unable to read, doesnt happen in IE.

Highlighted
New Contributor

Outlool.com email, blue bar overlays email menu choices, unable to read, doesnt happen in IE.

In accessing outlook.com email, via firefox, the blue bar at the top of page overlays the menu choices to send,reply, delete, junk, and so on. Very difficult to read menu choices and use features. This problem does not occur with IE, however, Firefox is faster.

2 REPLIES
Site Moderator

Re: Outlool.com email, blue bar overlays email menu choices, unable to read, doesnt happen in IE.

This looks like a problem with the line-height of some elements on that menu bar that causes content to get shifted down.
You can see that if you make the window smaller to move some element to the overflow chevron.


Add code to the userContent.css file or use the Stylish extension.

The customization files userChrome.css (interface) and userContent.css (websites) are located in the chrome folder in the user profile folder.


This style rule seems to fix it:

@-moz-document domain(live.com) {
 .c_c li span { line-height:normal!important; }
}
Site Moderator

Re: Outlool.com email, blue bar overlays email menu choices, unable to read, doesnt happen in IE.

This can be caused by having an increased minimum font size that is causing the line height to get to high.

If you have increased the minimum font size then try the default setting "none" in case the current setting is causing problems.

  • Tools > Options > Content : Fonts & Colors > Advanced > Minimum Font Size (none)

Make sure that you allow websites to choose their fonts.

  • Tools > Options > Content : Fonts & Colors > Advanced > [X] "Allow pages to choose their own fonts, instead of my selections above"