Submenus not appearing on mobile devices

  • RichardR
    Inactive member
  • Topic Author
  • New Member
  • New Member
More
3 years 2 months ago #48164 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

Please Log in to join the conversation.

  • milos
    Support Staff
  • Moderator
  • Moderator
More
3 years 2 months ago #48165 by milos
Hello,

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
  • New Member
More
3 years 2 months ago - 3 years 2 months ago #48166 by RichardR
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
  • Moderator
More
3 years 2 months ago - 3 years 2 months ago #48167 by milos
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:
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
  • Moderator
More
3 years 2 months ago #48168 by milos
If it doesn't work, maybe the code is not displayed correctly on the forum, so get the correct file content from here:
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
Powered by Kunena Forum