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?  

  •  399
    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


    Customer Support

    Here you could check our work :) !

  • 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,201
    Qode replied

    Hello,

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

    All the best,

    The new and improved Online Bridge Documentation is live. Check it out now - LINK

    Also check our articles with useful tips and suggestions

    Best Regards,

    Qode

  • 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,201
    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,

    The new and improved Online Bridge Documentation is live. Check it out now - LINK

    Also check our articles with useful tips and suggestions

    Best Regards,

    Qode

  • 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,201
    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

    The new and improved Online Bridge Documentation is live. Check it out now - LINK

    Also check our articles with useful tips and suggestions

    Best Regards,

    Qode