Skip to main content

This content has been archived and is no longer being updated. Links may not function; however, this content may be relevant to outdated versions of the product.

Support Article

Incorrect styling in Firefox and Chrome



CSS for the menu bar in Firefox and Chrome is not displaying correctly making navigation menus unreadable. The CSS for menus is working fine in IE10 compatibility mode.

Correct Styling:

Incorrect Styling in Firefox and Chrome:

Error Messages


Steps to Reproduce

1. Create a skin on 6.x or earlier using the branding wizard
2. Move the skin over to 7.1.6 and resave the skin
3. Apply the skin to a portal that is using a menubar
4. CSS should look incorrect in Chrome or Firefox

Root Cause

Upgrade logic is applied to a skin on save when a skin is moved from an older version of PRPC to a newer version. There was an error in the upgrade logic that caused the incorrect CSS for menus to be generated.


This issue is resolved through creating a new skin to get the out of the box CSS. Once a skin is saved there is no easy way to revert the upgrade logic.
Suggest Edit

Published January 31, 2016 - Updated October 8, 2020

Did you find this content helpful? Yes No

Have a question? Get answers now.

Visit the Collaboration Center to ask questions, engage in discussions, share ideas, and help others.

We'd prefer it if you saw us at our best.

Pega Community has detected you are using a browser which may prevent you from experiencing the site as intended. To improve your experience, please update your browser.

Close Deprecation Notice
Contact us