I am trying to fix this strange menu issue:
Here is my page: https://pages.bigpictureloans.com/
If I shrink my browser down to small, the menu will turn into a hamburger menu. If I click the menu icon, the menu will show itself. That all works great. If I then click the X to hide the menu, then re-expand the browser window back to full size, the full size menu is hidden. I have to shrink the browser back down to small size until the hamburger menu icon shows up, and click it and show the full menu. Then when I expand the browser back out to full size, the menu is visible.
I diagnose this issue due to the following reasons:
something is triggering hamburger menu to open and add this style to the menu: style="overflow: hidden; display: block;
If I click “X” and close the hamburger menu, the menu’s style will become: style="overflow: hidden; display: none;
If I expand the browser, then the menu’s style remains the same. (This is the issue, it should become style=“overflow: hidden; display: block”
I am looking at which line of hs-menu css code controls this behavior, or maybe I will use jquery to fix this issue.
Appreciate any help
Thanks in advanced