Home Forums Bee WordPress Theme UberMenu wp plugin Compatible Solution

This topic contains 0 replies, has 1 voice, and was last updated by  BWSM 4 years, 2 months ago.

Viewing 1 post (of 1 total)
  • Author
    Posts
  • #1032

    BWSM
    Keymaster

    The UberMenu is a popular mega menu wp plugin, if you use it. It will be work compatibly with Bee theme in next version. There is a step by step solution now:

    Basic work:

    1. find the file(functions/theme/theme-option.php ) in your theme folder:
    Find the code:
    <nav id="navi">
    Change as:
    <nav class="maga-menu" style=" float:left">

    2. Find js/custom.core.js
    Find the code:
    var menu = header.find('#navi ul.menu'),
    Change as:
    var menu = header.find('ul#megaUber'),

    Find the code:
    the set_height = function() {
    add the code below it:

    mobile_advanced.find('ul').show().css('left','0');
    mobile_advanced.find('li').css('left','0');
    mobile_advanced.find('.uber-close').hide();

    it should be: http://d.pr/i/KzrU

    Styling/css work:

    For the default skin(black and white) of Uber menu plugin, you could overrider some style by:

    1. add the code to last line of style.css:
    /*Override ubermenu*/
    #mega-uber{ float:left; margin-left:0; }
    #megaMenu .wpmega-link-title{ line-height:40px; }
    #megaMenu .sub-menu .wpmega-link-title{ line-height:1.4em; }
    #megaMenu.megaMenuHorizontal ul.megaMenu > li.menu-item > a,
    #megaMenu.megaMenuHorizontal ul.megaMenu > li.menu-item > span.um-anchoremulator{ border-left:none;}
    #megaMenu ul.megaMenu > li.menu-item > a,
    #megaMenu ul.megaMenu > li.menu-item > span.um-anchoremulator, .megaMenuToggle{ padding:0 15px; }
    #megaMenu ul.megaMenu > li.menu-item.ss-nav-menu-mega > ul.sub-menu-1,
    #megaMenu ul.megaMenu li.menu-item.ss-nav-menu-reg ul.sub-menu{box-shadow:none;}

    2. Download the zip file and replace functions\theme\theme-style.php

Viewing 1 post (of 1 total)

You must be logged in to reply to this topic.