Parallelus themes ( Incentive, Moxie, Vellum )

Knowledgebase Docs » UberMenu 3
USEFUL? 0
UberMenu 3

If you are running a Parallelus theme that includes UberMenu Lite (Incentive, Moxie, or Vellum), and the theme is running UberMenu Lite v2, if you try to install UberMenu v3, you will get an error (white screen).

The issue is that the v2 theme isn’t compatible with the v3 plugin

Don’t Panic! 🙂

The issue is easy to resolve. In the Parallelus theme directory, find the extensions/ folder. Inside the extensions/ folder, there should be an ubermenu/ folder. Simply delete the ubermenu folder and you should be able to install UberMenu 3 without issue.

Please note this issue will be resolved once the theme is updated to user UberMenu 3 Lite, which I believe is already the case with Moxie v1.3 and Vellum v1.4

Also please note that if your theme has UberMenu Lite v2 included, the stylesheet provided by the theme will not be compatible with UberMenu 3 (though you can still use the built in UberMenu stylesheets, of course)

Vellum

Recreating the Vellum Custom Styling

If you want to customize your menu to recreate some of the Vellum custom menu styling, here’s some sample CSS to help get you started:

Add submenu arrows

.ubermenu .ubermenu-item-level-0 > .ubermenu-target:after{
    content: '';
    position:absolute;
    display:block;
 
    right:-12px;
    top:50%;
    margin-top:-8px;
 
    border:8px solid transparent;
    border-right-color:white;
 
    transition:.2s all ease-in;
    opacity:0;
    visibility:hidden;
 
}
.ubermenu .ubermenu-item-level-0:hover > .ubermenu-target:after,
.ubermenu .ubermenu-item-level-0.ubermenu-active > .ubermenu-target:after{
    right:0;
    opacity:1;
    visibility:visible;
}

Make angle indicators appear on hover

.ubermenu .ubermenu-item-level-0 > .ubermenu-target:before{
    content:"\f105";
    font-family:"FontAwesome";
    position:absolute;
    right:2px;
    top:50%;
    margin-top:-9px;
     
    opacity:0;
    transition:.2s opacity ease-in;
}
.ubermenu.ubermenu-main .ubermenu-item-level-0.ubermenu-active > .ubermenu-target:before,
.ubermenu.ubermenu-main .ubermenu-item-level-0:hover > .ubermenu-target:before{   
    opacity:1;
}