¡IMPORTANT! Any time you want to customize UberMenu’s look and feel, you should use these techniques. NEVER edit the core files, or you will make upgrades very difficult for yourself. Make all customizations within the /custom directory or else within a child theme. UberMenu’s skin system makes it easy to create your own styles, using either the Style Generator or a custom CSS file. Customizing UberMenu Docs
ViewCustomizing UberMenu
Style Generator 2
The Style Generator is the simplest way to create a custom skin for your menu.
ViewCustom Tweaks 1
Need to add just a few lines of CSS to tweak your menu? Just insert it in the textarea under Style Configuration > Custom CSS Tweaks, and it’ll automatically be added to your site <head>.
ViewCreating a Custom Skin 0
Instead of including a preset, you can write a custom skin for UberMenu using the custom.css stylesheet.
ViewAdding Custom CSS 0
Deciding where to place your custom CSS depends on how you manage your site.
ViewUsing Firebug or Chrome Developer Tools 0
Inspectors like Chrome Developer Tools and Firebug are vital to writing custom CSS.
ViewCustomization Assistant 1
The customization assistant will allow you to click on an item in a sample menu and see potential style selectors to customize that type of item.
ViewAdding Custom Javascript 0
As of UberMenu 2.3, you can turn on a custom javascript file in you UberMenu Control Panel just like with the custom CSS file. Activate it under Advanced Settings > Include Custom Javascript. This will automatically include the custom/custom.js file. Now rename custom-sample.js (found in the /custom folder) to custom.js and add your javascript to the file.
View