Streaming live at 10am (PST)

Vertical Nav bar appears differently Chrome (good) Firefox (bad)


#1

Check out the newly published website. TheMotumGroup.com In particular, see the expanded Nav links on the left in desktop mode on any of the "What We Do" pages. The vertical nav bar shows differently on Firefox than Chrome. The words, Campaign Assessment should be stacked on top of one another. Same for Campaign Coaching. Displays as I would like in Chrome. Any suggestions how to fix this? Thank you.

Here is project link


#2

They look identical to me on (mac) FF 32.0.3 and Chrome Version 38.0.2125.104. Both menu items display stacked as described in both browsers. I am updating Firefox and will check again.

Could you manually set a hard line break to control the result?

Update : Installed latest FF and the result is the same.


#3

I have version Mozilla Firefox 33.0 (x86 en-US). Here is a screenshot.


#4

The simple solution I think would be to add the return. Each browser will handle text with sutile variations in spacing, character size and width and CSS attributes and support vary a ton.

Or, you could reduce the column or div width constraint to assure that the type will wrap.


#5

I did the latter and it fixed the problem - thank you


#6