Support » Fixing WordPress » Hamburger menu not working on sub menu pages

  • Hope you are enjoying:)
    I need little help
    My website is working fine but on sub menu pages the hamburger menus not showing up at all. its showing completely fine on all the other pages but on every sub menu page its gone..

    http://packsmartinc.com/market-segment/specialty-print-finishing-solutions/ (this is the one of my sub menu page)

    Please view my case & let me know.
    Thanks

    ——————————–

    /* Responsive Menu */
    .menu-other-style .menu-item:not(.current-menu-item) {
        display: none;
    }
    .menu-other-style .current-menu-item {
        width: 100%;
        height: auto;
        position: relative;
    }
    .menu-other-style .current-menu-item::before {
        display: inline-block;
        font-family: FontAwesome;
        font-feature-settings: normal;
        font-kerning: auto;
        font-language-override: normal;
        font-size: inherit;
        font-size-adjust: none;
        font-stretch: normal;
        font-style: normal;
        font-synthesis: weight style;
        font-variant: normal;
        font-weight: normal;
        line-height: 1;
        text-rendering: auto;
        color: #fff;
        font-size: 30px;
        position: absolute;
        right: 30px;
        top: 30%;
    }
    .menu-other-style .current-menu-item::before {
        content: "\f054";
    }     
    .menu-other-style .current-menu-item.open::before {
        content: "\f078";
    }
    
    .menu-other-style .current-menu-item a {
        padding: 20px;
    }
    .menu-other-style .current-menu-item a br {
        display: none;
    }
    
    .mobi-submenu-two {
        margin-top: 0;
        display: none;
    }
    .mobi-submenu-two .menu-item {
        display: block;
        width: 100%;
    }
    .mobi-submenu-two .menu-item a {
        border-bottom: 1px solid;
        display: block;
        font-size: 18px;
        padding: 10px 30px;
    }
    @media (max-width: 1350px) {
    
    }

    —————————————

    .navi--top > li {
      margin-top: 0 !important;
    }
    .navi--top > li > a {
      height: 100%;
    }
    .navi--top > li.current-menu-item > a {
      background-color: #95050a;
    }
    .navi--top > li .sub-menu {
      background: #d31f26 none repeat scroll 0 0;
      margin: 0;
      padding: 15px 0 0;
      width: 350px;
      display: none;
      border-top: 1px solid #fff;
    }
    .navi--top > li .sub-menu li:hover .sub-menu,
    .navi--top > li:hover > .sub-menu {
      display: block;
    }
    .navi--top > li .sub-menu li {
      margin: 0 !important;
    }
    .navi--top > li .sub-menu li a {
      color: #fff;
      padding: 5px 0 5px 20px;
      display: block;
    }
    .navi--top > li .sub-menu li a:hover {
      background-color: rgba(149, 5, 10, 0.7);
    }
    .sub-menu > li > .sub-menu {
      padding: 0 0 0 40px;
      border-top: 0;
      width: 450px;
    }
    • This topic was modified 3 months, 1 week ago by  bcworkz. Reason: code fixed

    The page I need help with: [log in to see the link]

Viewing 5 replies - 1 through 5 (of 5 total)
  • Moderator bcworkz

    (@bcworkz)

    Most mobile menus rely on JavaScript to work. The page you linked to is currently throwing several script errors (check your browser console) which prevents the mobile menu script from running. Resolve these errors and I expect the mobile menu will then work as expected.

    @bcworkz thanks very much for the reply,

    I’m not so much familiar with javascript. can you please explain lil bit what should I do with this code ??

    Thanks

    Moderator bcworkz

    (@bcworkz)

    For the loading failed errors, I’m unsure why loading failed. The paths seem correct and I can access the files. You should ask at the support forum of the tag manager plugin for advice.

    The deferred exception error is because the referenced array element h[0] is undefined in your theme’s /js/app.js. For this one you should ask the author of your theme for advice.

    I hate “passing the buck”, but this is all I’m able to offer.

    @bcworkz thanks for your reply,

    I’m trying for last couple of weeks, but not able to contact to my developer anymore. so I’m on my own right now.

    Is there any way you check my js files & check where we can miss something or its not possible, ?

    sorry if I ask something stupid, I’m new here & have no idea how’s this work

    Thanks

    Moderator bcworkz

    (@bcworkz)

    I can check, but I’m afraid it’s going to be beyond my skills to track down the problem. Short variable names like h[0] indicate minified code. Great for faster page loads, but it is extremely difficult for mere humans to make sense of it. In fact, I did check rather quickly before recommending that you go to the original developer. What I saw told me it would be unlikely for me to be able to decipher it. It can be much easier for the original coder to know what’s going on than someone completely uninvolved to grasp what’s happening upon a cold read.

    Maybe we can take another tack. Was the mobile menu working correctly earlier, or has it always been an issue? If it was working, what change occurred to cause it to fail? I realize it can be hard to say. We don’t always check the mobile view every time some change is made. I’m looking for changes mainly like added or updated plugins. Making new posts or other changes to normal site content wouldn’t matter.

    Another thing you can try is disabling all plugins. See if that solves the problem with the mobile view. Plugin conflicts can cause errors in unrelated code. If that fixes the problem, re-activate your plugins one at a time, checking after each activation. When the problem recurs, the last activated plugin is causing a conflict. Maybe you can find an alternate plugin or maybe the plugin’s author can help isolate the conflict and resolve the issue.

Viewing 5 replies - 1 through 5 (of 5 total)
  • You must be logged in to reply to this topic.