Okay
  Public Ticket #294172
Mega menu columns
Closed

Comments

  • Alexander started the conversation

    Hello!  I am trying to to make 5 columns on mega menu. But it allows me 4 and then it put's below fifth column. But i want them aligned... I tried with css and it wont work... Can you help please?  

  •  409
    Qode replied

    Hi,

    You should to change js/default.js file for that. Find

    if($j(this).find('.second > .inner > ul > li').length > 4){
    	row_number = 4;
    }else{
    	row_number = $j(this).find('.second > .inner > ul > li').length;
    }

    and replace with

    if($j(this).find('.second > .inner > ul > li').length > 4){
    	row_number = 5;
    }else{
    	row_number = $j(this).find('.second > .inner > ul > li').length;
    }

    after that you should to minify this file and put content in js/default.min.js file. You can use this tool for that.

    http://javascriptcompressor.com/

    Also you should to put next code in Qode Options -> General -> Custom css

    .drop_down .wide .second ul li {
        width: 195px;
    }
    .drop_down .wide .second ul li:nth-child(4n+1) {
        clear: none;
    }
    .drop_down .wide .second ul li:nth-child(5n+1) {
    clear: both;
    }

    Best Regards,
    Qode


    Explore our collection of 300+ premium WordPress themes on the Qode Interactive website.

    Don’t forget to sign up for our newsletter and be the first to find out all the latest news.

  • Alexander replied

    That worked !!!! Thanks a lot!  Great support, proffessional aproach!  Thanks again ;)

  • Vetteking95 replied

    Seeing as this is a few years old, I'm looking to do the same thing, but was wondering where that specific named file is located? I cannot find it in my js folder. 

    Thanks!

  •  1,357
    Qode replied

    Hello,

    You can find this file in Bridge theme folder>js>default.js 

    All the best,


    Explore our collection of 300+ premium WordPress themes on the Qode Interactive website.

    Don’t forget to sign up for our newsletter and be the first to find out all the latest news.

  • Jeroen replied

    Hi, I did exactly what was mentioned here but the fifth column still appears underneath the other four. it seems to have something to do with the width of the ul. Please check http://demo.urgenda.nl/  and then the menu item called 'THEMAS' should have five columns.

  • Jeroen replied

    I found the problem, I had put the js folder in my child theme with the two files, this does not work.
    How can I put the changed js files in my child theme?

  • Jeroen replied

    Sorry, one last question about the five columns,  on devices from 1050 to 1000 pixels wide (under 1000 the menu goed to mobile) the first menu is partly not visible. How can this be fixed?

    thanks!

  •  1,357
    Qode replied

    Hello Jeroen,

    The page on the following link does not exist and we can't see wide menu

    https://www.screencast.com/t/dyKi8xZkQdfT

    Please make your own private ticket, send us correct url and your wp-admin login details and we'll take a closer look.

    All the best,


    Explore our collection of 300+ premium WordPress themes on the Qode Interactive website.

    Don’t forget to sign up for our newsletter and be the first to find out all the latest news.

  • Josh replied

    Hi Guys. I tried this method but I couldn't get it to work. Then I tried restoring the original default.js and default.min.js files and it seems to have broken the site. I'm not seeing logo, mega-menu, or other elements down the page. 

    Is there some trick to getting the original .js files to load? 

    http://centralsteel.greatnewday.com/

    Thanks.

  •  1,357
    Qode replied

    Hi Josh,

    In order to get original js files to load, please reinstall your theme. It's a same procedure as theme update, please check the following link:

    http://bridge.qodeinteractive.com/documentation/2-getting-started/2-3-installing-the-bridge-theme/2-3-4-theme-update/

    And watch our video tutorial

    Best regards,

    Daniel


    Explore our collection of 300+ premium WordPress themes on the Qode Interactive website.

    Don’t forget to sign up for our newsletter and be the first to find out all the latest news.