You are here

DamienKomala
Mon, 02/09/2015 - 14:11
#1
Blog page responsive navigation

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?

Supporter's picture
SupporterStaff
Wed, 02/11/2015 - 03:15

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
Thu, 02/19/2015 - 10:42

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
Wed, 02/25/2015 - 03:58

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
Thu, 02/26/2015 - 09:40

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
Thu, 02/26/2015 - 10:07

Hi guy,

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

Supporter's picture
SupporterStaff
Mon, 03/02/2015 - 02:12

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
Mon, 03/02/2015 - 08:28

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
SupporterStaff
Mon, 03/02/2015 - 10:38

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
Tue, 03/10/2015 - 15:28

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
SupporterStaff
Thu, 03/12/2015 - 01:54

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

KidiTran - Support Team.    

Log in or register to post comments