• Resolved jazler0902

    (@jazler0902)


    Hi! I’ve been having a tricky time with my site menu. I finally have everything in the correct order but for some reason the menu category aren’t working as clickable links? IE If I have a menu category that’s “Divorce” and it expands to show multiple pages, the “Divorce” page itself, which is also the menu page, isn’t clickable. For now, I’ve doubled up so that the first page under “Divorce” also reads “Divorce” – this submenu item works fine. Any thoughts / insight on how to correct this? I’ve never had it happen before. Thanks!

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

Viewing 1 replies (of 1 total)
  • Hi @jazler0902

    Yes, there is a menu link issue. We will try to resolve this in our next update hopefully.

    For now, you can follow these steps to make the top menu working. This will involve adding some CSS and Js code in your parent theme Krystal.

    1) Go to the parent theme folder ie ( wp-content/themes/krystal )
    2) find file template-functions.php inside the inc folder and open it with any text editor
    3) Once opened, find line no 57 and 58 and change values of ‘fallback_cb’ and ‘walker’ to . Make sure the walker value has a closing ) at the end.

    VIEW SCREENSHOT

    4) Similarly, do the above steps for line no 72,73 and 135,136 and 150,151

    5) Next, open krystal-style.css inside the css folder and open it with any text editor
    and paste the following CSS at last

    .res-menu .navbar-collapse ul li.dropdown .fas {
        position: absolute;
        z-index: 99;
        width: 60px;
        right: 0;
        top: 0;
        line-height: 50px;
        border-left: 1px solid rgba(255, 255, 255, 0.13);
        color: #b3b3b9;
        font-size: 18px;
        text-align: center;
        cursor: pointer;
        -webkit-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
    }

    VIEW SCREENSHOT

    6) Next open krystal-main.js inside the js folder and paste the code below just after line no 108

    /*--- adding dropdown class to menu -----*/
    $("ul.sub-menu").parent().addClass("dropdown");
    $("ul.sub-menu").addClass("dropdown-menu");
    $("ul#menuid li.dropdown a").addClass("dropdown-toggle");
    $("ul.sub-menu li a").removeClass("dropdown-toggle"); 
    $('nav li.dropdown > a').append('<span class="caret"></span>');
    $('a.dropdown-toggle').attr('data-toggle', 'dropdown'); 
    
    /*-- Mobile menu --*/
    if($('.res-menu .navbar-collapse').length) {
        $('.res-menu .navbar-collapse ul li.dropdown').append(function () {
            return '<i class="fas fa-angle-down" aria-hd="true"></i>';
        });
        $('.res-menu .navbar-collapse ul li.dropdown .fas').on('click', function () {
             $(this).parent('li').children('ul').slideToggle();
        });
    }

    VIEW SCREENSHOT

    7) After this step, please clear your browser cache or check your website in incognito mode.

    Let us know if you find it difficult or having any problems doing it

    Best Regards

Viewing 1 replies (of 1 total)
  • The topic ‘Menu Link Issue?’ is closed to new replies.