Won’t show up on mobile from dropdown

I’m picking up development of a website (firstisrael.com) where someone else left off and I’ve looked into the code and can’t seem to find a fix for this problem:

When the mortgage calculator is opened from a button click with this code in desktop view, it works fine and “pops up” underneath the button.

<li id=”menu-item-254″ class=”menu-btn calc menu-item menu-item-type-custom menu-item-object-custom menu-item-254″>Mortgage Calculator

But on mobile view, I want the calculator to show when clicking a link in the top dropdown menu, and nothing happens. Here is my code.

<li id=”menu-item-254″ class=”mobile-nav-item”>Mortgage Calculator

I have noticed that on desktop view, there is a DIV that starts like this (see below) which DOES NOT appear on the mobile view. In desktop, the display of the calculator seems to toggle on and off by button click which changes the “display:none” to “display:block” and back and forth. The whole calculator seems to fit inside of this top-level DIV which does not exist in mobile view.

<div id=”MLCalcForm” style=”display: block;”>

Any help would be greatly appreciated — even if it’s a work-around or alternative option I have not yet considered. I simply want the calculator to work on mobile devices.

• This topic was modified 7 years, 10 months ago by earth_human.