Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Mobile menu not work with the lastest Q&A version #23

Closed
ghost opened this issue Dec 28, 2014 · 9 comments
Closed

Mobile menu not work with the lastest Q&A version #23

ghost opened this issue Dec 28, 2014 · 9 comments
Assignees

Comments

@ghost
Copy link

ghost commented Dec 28, 2014

The menu for mobile devices not work with the latest version of Q2A, I know that this is a beta but the problem is related to the jQuery version.

function cs_slide_menu(){
    $('.slide-mobile-menu').toggle(
        function() {
            $('#nav-top .qa-nav-main').animate({'left':0}, 200);
            $('.left-sidebar').animate({'max-width':180}, 200);
            $('.qa-main').animate({'width': $('.qa-main').width(), 'margin-left':190},200);
            $('body').addClass('menu-open');
        }, function() {
            $('#nav-top .qa-nav-main').animate({'left':'-180'}, 200, function(){$(this).removeAttr('style')});
            $('.left-sidebar, #nav-top .qa-nav-main').animate({'max-width':0}, 200, function(){$(this).removeAttr('style')});
            $('.qa-main').animate({'width': 'auto', 'margin-left':10}, 200, function(){$(this).removeAttr('style'); $('body').removeClass('menu-open');});
        }
    );
}
function cs_float_left(){
    var winwidth    = $(window).width();
    if(winwidth < 980)
        $('.left-sidebar .float-nav').removeAttr('style');
    else
    $(window).scroll(function(){
        var st = $(this).scrollTop();

        if(winwidth > 980){
            $('.left-sidebar').each(function(){
                var $this = $(this),
                    offset = $this.offset(),
                    h = $this.height(),
                    $float = $this.find('.float-nav'),
                    floatH = $float.height(),
                    topFloat = 0;
                if(st >= offset.top-topFloat){
                    $float.css({'position':'fixed', 'top':topFloat+'px'});
                }else if(st < offset.top + h-topFloat - floatH){
                    $float.css({'position':'absolute', 'top':0});
                }else{
                    $float.css({'position':'absolute', 'top':0});
                }
            })
        }else{
            $('.left-sidebar .float-nav').removeAttr('style');
        }
    });
}

These functions are incompatible with jquery version 1.11.1

@TohidN TohidN self-assigned this Feb 11, 2015
@TohidN
Copy link
Member

TohidN commented Feb 11, 2015

will be fixed in a new version which will be compatible wit Q2A 1.7

@ghost
Copy link
Author

ghost commented Feb 11, 2015

Thanks @Towhidn is a good news :)

@viicen
Copy link

viicen commented Feb 22, 2015

I have the same problem.

@viicen
Copy link

viicen commented Mar 12, 2015

to when the solution?

@ghost
Copy link
Author

ghost commented Mar 12, 2015

@viicen hey be patient remember that only one person (@Towhidn) work in this project.

@TohidN
Copy link
Member

TohidN commented Mar 17, 2015

it's solved

@viicen
Copy link

viicen commented Mar 19, 2015

The problem persists, even having to back up all of the theme.

captura

@TohidN
Copy link
Member

TohidN commented Mar 20, 2015

JavaScript code responsible for this issue is fixed. maybe your browser is using cached version of it. please try clearing browser cache. if it didn't work send me URL of your website.

@viicen
Copy link

viicen commented Mar 20, 2015

Solved problem.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

No branches or pull requests

2 participants