You are here

The responsive (mobile) version of the navigation is unresponsive on interior or blog pages. Looking at the source code on those pages reveals the nav isn't even building when those pages are served. Is there an update or specific setting I need to adjust?

Recent Review

Supporter's picture

Supporter

Hello you !

Thank you for reporting.

I have just checked our theme and that's small bug. I will update immediately.

Thank again.

KidiTran - Support Team.

DamienKomala

Have you had a chance to update the theme and fix the bug? If not I'd be happy to fix it myself if I knew where the issue was. What line in the CSS or the PHP includes files that need to be adjusted.

NaviOcean

Hello,

Please do steps below to solve this issue:

1. Open file at assets/js/blog.js

2.Jump to line 46

centerMenu();
$(window).resize(function(){
centerMenu();
});

3. Insert after:

// Menu Repsonsive on the mobile devices

$('#navigation .menu-mobile').click(function(){
$(this).toggleClass('menu-mobile-active');
$('#navigation ul.menu').toggleClass('fade-nav');
$('#navigation.fixTop').toggleClass('nav-active');
});

$('#navigation ul.menu a').click(function(){
$('.menu-mobile').removeClass('menu-mobile-active');
$('#navigation ul.menu').removeClass('fade-nav');
$('#navigation.fixTop').removeClass('nav-active');
});

Let me know if you have any issues,

Regards,

Duong LE

skype: navi.ocean

Daniel Barrett

Hello and Happy New Year :)

I have tried to apply the fix for the responsive nav but it doesn't work for me.

I edited the file assets/js/blog.js as requested.

Here is what I've done:

*****************************************************

/**
 * Created by duongle on 10/22/14.
 */
(function($){
    "use strict";
    $(document).ready(function(){

        $(".owl-blog-list").owlCarousel({
            autoPlay: 4000,
            slideSpeed : 1000,
            navigation: true,
            navigationText : ["", ""],
            pagination: false,
            singleItem:true,
            autoHeight:false
        });

        // Check menu item with Logo center
        function centerMenu(){
            if ($(window).width() > 1200){
                var itemCount = $('.logo-center #main-menu > .menu-item').length;
                switch(itemCount) {
                    case 8:
                        $('.logo-center #main-menu > .menu-item:nth-child(4)').css({'margin-right':'80px', 'margin-left': '0'});
                        $('.logo-center #main-menu > .menu-item:nth-child(5)').css({'margin-left':'80px', 'margin-right': '0'});
                        break;
                    case 6:
                        $('.logo-center #main-menu > .menu-item:nth-child(3)').css({'margin-right':'80px', 'margin-left': '0'});
                        $('.logo-center #main-menu > .menu-item:nth-child(4)').css({'margin-left':'80px', 'margin-right': '0'});
                        break;
                    case 4:
                        $('.logo-center #main-menu >.menu-item:nth-child(2)').css({'margin-right':'80px'});
                        $('.logo-center #main-menu >.menu-item:nth-child(3)').css({'margin-left':'80px', 'margin-right': '0'});
                        $('.logo-center #main-menu >.menu-item:nth-child(4)').css({'margin-right':'0', 'margin-left':'20px'});
                        break;
                    case 2:
                        $('.logo-center #main-menu >.menu-item:nth-child(1)').css({'margin-right':'80px'});
                        $('.logo-center #main-menu >.menu-item:nth-child(2)').css({'margin-left':'80px', 'margin-right': '0'});
                        break;
                }
            }
        }
        centerMenu();
        $(window).resize(function(){
            centerMenu();
        });
        // Menu Repsonsive on the mobile devices

$('#navigation .menu-mobile').click(function(){
    $(this).toggleClass('menu-mobile-active');
    $('#navigation ul.menu').toggleClass('fade-nav');
    $('#navigation.fixTop').toggleClass('nav-active');
});

$('#navigation ul.menu a').click(function(){
    $('.menu-mobile').removeClass('menu-mobile-active');
    $('#navigation ul.menu').removeClass('fade-nav');
    $('#navigation.fixTop').removeClass('nav-active');
});

    });

})(jQuery);

*****************************************************

I then used Notepad++ JSmin plugin to minify the code and save as blog.min.js and uploaded.

Here is the minified code

***************************************************

(function($){"use strict";$(document).ready(function(){$(".owl-blog-list").owlCarousel({autoPlay:4000,slideSpeed:1000,navigation:true,navigationText:["",""],pagination:false,singleItem:true,autoHeight:false});function centerMenu(){if($(window).width()>1200){var>centerMenu();$(window).resize(function(){centerMenu();});$('#navigation .menu-mobile').click(function(){$(this).toggleClass('menu-mobile-active');$('#navigation ul.menu').toggleClass('fade-nav');$('#navigation.fixTop').toggleClass('nav-active');});$('#navigation ul.menu a').click(function(){$('.menu-mobile').removeClass('menu-mobile-active');$('#navigation ul.menu').removeClass('fade-nav');$('#navigation.fixTop').removeClass('nav-active');});});})(jQuery);

************************************************

Something has gone wrong can you please point me in the right direction?

Regards

Dan

NaviOcean

Hi guy,

Could you please send me your wp-admin login via private message to check your issue?

Daniel Barrett

Hi,

The url is: webdesignleigh.co.uk/wp-login.php

This is a multisite setup and I've made you super admin.

User:naviocean

Pass:mBc2T47CS2jUe6

Thank you

Supporter's picture

Supporter

Hi, there

I have just update your theme, please check again and let me know if you have any the problem occur.

KidiTran - Support Team.

Daniel Barrett

Hello,

Thank you for fixing the menu issue.

You should have warned me before you updated the theme because I had some custom work I wanted to save.

Regards

Dan

Supporter's picture

Supporter

Hi you, Sorry for this inconvenience!

now do you have trouble with this new version, please feel free let me know ?

KidiTran - Support Team.

DamienKomala

When are you going to publish the updated theme to Themeforest for distribution? I've made a few adjustments to mine to get it to work but its still not perfect. I'd like to get a full update if possible.

Supporter's picture

Supporter

Hi there, please update now. Our theme have just updated on the themeforest to 1.6 version (12 Mar, 2015)

KidiTran - Support Team.