-
-
Hello,
When my mobile responsive menu is shown, As i have a lot of menu tiers, it is too big, is there a way I can have only the top two tiers, so the main menu and the first set of subpages, or is there a way we can maybe only expand the subcategories once clicked on the menu?
I will post my ftp details next.
Thanks,
Liam
-
-
Hello,
Sorry for the late reply.
I can’t access your ftp as the credentials above do not include the password.
However, you can do it yourself. Just go to file js/main.js and find these lines->
code, at the end of it add this code:$('.menu-small > ul > li.menu-item-has-children > a').parent().find('.sub-menu').css('display', 'none'); $('.menu-small > ul > li.menu-item-has-children > a').on('click', function(){ if($(this).hasClass('open')){ $(this).parent().find('.sub-menu').css('display', 'block'); $(this).removeClass('open').addClass('close'); } else { $(this).parent().find('.sub-menu').css('display', 'none'); $(this).removeClass('close').addClass('open'); } });
Save file.
Best regards!
-
-
Hello,
I have already given you the instruction in the reply above. Just copy-paste the code and that’s it.
Best regards!
-
-
-
Hello,
I fixed it. Added some javascript code at main.js (Please keep this file when you update the theme to not loose the changes).
You have to add also this css code at general options -> css box:
.menu-small ul.menu > li > ul{ display: none; opacity: 0; } .menu-small ul.menu > li > ul.open { display: block; opacity: 1; }
Best regards!
-
Great, Thankyou.
Can you notify me how I can keep the file when I update the theme?
Thanks,
Liam
-
Hello,
Just copy-paste this file in another location (example your documents) And over write the new one , whenever you make a theme update.
Best regards!
-
You must be logged in to reply to this topic.