Adding Custom CSS

You can put your CSS styles in any stylesheet that makes you happy. Your choice depends on an inherent trade-off in ease vs. maintainability.

Recommended Locations

UberMenu Custom CSS Tweaks – Best for small amounts of CSS

UberMenu includes a Custom CSS Tweaks setting in the Control Panel where you can paste custom CSS. This CSS will appear after UberMenu’s core CSS, allowing you to override UberMenu’s core styles with selectors of equal specificity.

More information: CSS Tweaks

You child theme’s style.css

If you are storing your custom CSS in the child theme’s style.css, that’s a great way to keep all your customizations organized. Just keep in mind that your theme’s style.css may be loaded before the UberMenu CSS; if so, you will need to increase your selector specificity in order to override UberMenu’s default styles.

Locations to Avoid

ubermenu.css/ubermenu.min.css

Never, ever edit this file.

If you change the core UberMenu CSS, your edits will be overwritten when you update. Also, we won’t be able to assist you any longer, as you’ve changed the core functionality of the plugin.

UberMenu Skins – {skin}.css

Never edit these files.

If you change the skin files, your edits will be overwritten when you update.

Instead, copy your chosen skin and create a Custom Stylesheet (custom.css), which will allow you to maintain your changes.

On this page