- Posts: 10
- Thank you received: 0
Submenus not appearing on mobile devices
-
RichardR
Inactive member - Topic Author
- New Member
Less
More
3 years 2 months ago #48164
by RichardR
Submenus not appearing on mobile devices was created by RichardR
I have set up the entire site but now the small black menu block on mobile devices only shows the top level items and NO submenus.
The site is at a temporary domain - www.feaabenefits.com until we migrate.
Please let me know in email if you need further access. I checked and the plugins I use here work elsewhere with other sites.
Thanks,
Richard
The site is at a temporary domain - www.feaabenefits.com until we migrate.
Please let me know in email if you need further access. I checked and the plugins I use here work elsewhere with other sites.
Thanks,
Richard
Please Log in to join the conversation.
-
milos
Support Staff - Moderator
Less
More
- Posts: 6743
- Thank you received: 716
3 years 2 months ago #48165
by milos
Replied by milos on topic Submenus not appearing on mobile devices
Hello,
Please let me know are you using Joomla 3 or Joomla 4?
Thanks,
Milos
Please let me know are you using Joomla 3 or Joomla 4?
Thanks,
Milos
Please Log in to join the conversation.
-
RichardR
Inactive member - Topic Author
- New Member
Less
More
- Posts: 10
- Thank you received: 0
3 years 2 months ago - 3 years 2 months ago #48166
by RichardR
Replied by RichardR on topic Submenus not appearing on mobile devices
I am using WordPress 5.8.1 on this site. It is the Hot Business theme for WordPress.
Last edit: 3 years 2 months ago by RichardR.
Please Log in to join the conversation.
-
milos
Support Staff - Moderator
Less
More
- Posts: 6743
- Thank you received: 716
3 years 2 months ago - 3 years 2 months ago #48167
by milos
Replied by milos on topic Submenus not appearing on mobile devices
Ok. To fix this you will need to edit theme file /wp-content/themes/hot-business/js/sparky.dropdownmenu.min.js and replace content of this file with this:
Regards,
Milos
Code:
!function(e){"use strict";e.fn.clickToggle=function(n,i){var t=[n,i];return this.data("toggleclicked",0),this.click(function(){var n=e(this).data(),i=n.toggleclicked;e.proxy(t[i],this)(),n.toggleclicked=(i+1)%2}),this},e.fn.dropDownMenu=function(n){n=e.extend({speed:300,effect:"fadeToggle",menuName:"top-menu"},n);return this.each(function(){var i=e("body").width();e("ul#menu-"+n.menuName+" ul, .mp_primary ul.menu.starting ul").hide(),e("ul#menu-"+n.menuName+" li ul li, .mp_primary ul.menu.starting li ul li").filter(":last-child").css("border-bottom","none"),i>992?("fadeToggle"==n.effect?(n.anim_in="fadeIn",n.anim_out="fadeOut"):"slideToggle"==n.effect?(n.anim_in="slideDown",n.anim_out="slideUp"):"toggle"==n.effect&&(n.anim_in="show",n.anim_out="hide"),e("ul#menu-"+n.menuName+" li, .mp_primary ul.menu.starting li").mouseenter(function(){e(this).children("ul").stop()[n.anim_in](parseInt(n.speed))}),e("ul#menu-"+n.menuName+" li, .mp_primary ul.menu.starting li").mouseleave(function(){e(this).css("position","relative").children("ul").stop()[n.anim_out](parseInt(n.speed))})):(e("").insertAfter(e("li.menu-item-has-children > a")),e("ul#menu-"+n.menuName+" li span.openMenu, .mp_primary ul.menu.starting li span.openMenu").clickToggle(function(){e(this).parent().find("ul:first:not(:visible)").stop(!0,!0)[n.effect](n.speed)},function(){e(this).parent().css("position","relative").find("ul:first:visible").stop(!0,!0)[n.effect](n.speed)}))})}}(jQuery);
Regards,
Milos
Last edit: 3 years 2 months ago by milos.
Please Log in to join the conversation.
-
milos
Support Staff - Moderator
Less
More
- Posts: 6743
- Thank you received: 716
3 years 2 months ago #48168
by milos
Replied by milos on topic Submenus not appearing on mobile devices
If it doesn't work, maybe the code is not displayed correctly on the forum, so get the correct file content from here:
Regards,
Milos
Code:
https://demo.hot-themes.com/wordpress/business/wp-content/themes/hot-business/js/sparky.dropdownmenu.min.js
Regards,
Milos
Please Log in to join the conversation.
Time to create page: 0.168 seconds