Navigation Bar displays vertically on Mozilla

The problem is, browsers are blocking assets due to mixed content issues. while the user is visiting the site using SSL (https), much of the content, for example, some stylesheets, are being requested as non-ssl links (http). Check out your console in chrome dev tools for a listing of these issues. Basically, you’ll want to be sure that these assets are being requested using SSL.

If, for some reason, you want to have the site under SSL and non-SSL (generally not advised, but that’s another topic) – you can request the assets using the current protocol by leaving it off the request, rather than http://example.com/style.css or https://example.com/style.css you may simply request it is //example.com/style.css

In a perfect world, I’d use SSL everywhere and not have to worry about it.