Issue with menu not appearing after scrolling up

After I scroll down and the menu follows the page down as scrolling, it disappears when I scroll back up (scroll down to bring menu down, and go back to top and menu is gone).

Can anyone help me figure out why this is happening? My test URL is at http://dev.dhartionline.com/

Is it the latest template version? Could you try to re-download template package and overwrite files? There is no JS errors but in fact the menu is not working but I've just checked package and there all is fine so maybe this is installation issue.

That was actually the first thing I tried once I noticed this issue. I downloaded the newest template file and overwrote all the template files but I'm still experiencing this issue

Ok, I've checked the clean quickstart package and there all is fine, please look » screenshot

It looks like this issue is strictly related with your case, could you enable overlay menu and check whether the same happen? Did you modify this header area in template code?

I had initially edited the code to made the margin a little wider so my logo can fit, but even after I did this, the menu was working fine. This issue just started happening a couple of days ago. Also when I copied the new template over, it overwrote all my changes and I haven't made any changes to the current header section of the template. Overlay menu is also giving me this same issue. Do you have any ideas on what else I can try?

Ok it turns out this issue happens when the headlines and search modules are disabled. I don't have a use for those modules on my website so I have them disabled. I have re-enabled them for now, but can you give me a workaround for this? Thanks

Do you use updated version of template? We've released v. 3.11.2 and 3.11.3 which should include fix for this issue.

Yes, I am using the newest version and it does not include a fix for this

this issue happens when the headlines and search modules are disabled

Yes, i can verify that! If modules in positions "Highlights" AND "Search" are disabled, this issue happens! And Yes, i am also up to date with all files.

@ Gavick Support: Please find a fix for this! I don´t want to be forced to use modules or module-positions, that i don`t need!

Addition:

I would use "Highlights" and "Search" with custom modules in it. But unfortunately the special suffixes for responsive layouts - http://www.gavick.com/documentation/gen ... et-layout/ - didn't work for this positions (all other positions work), so it's worthless for me.

Please provide a fix!

regards

Me again

I found a quick workaround:

1. Make a Custom HTML Module with NO content in it (name it "Scroll fix" or whatever you want).
2. Publish it in "Search" position.
3. Left "Highlights" position empty (no published modules in it).
4. Add this code to override.css to clean mobile and tablet layouts for this positions (otherwise it is visible there as empty space with about 60px of height):

Code: Select all

#gkToolbar {
   display:none;
}

Positions "Higlights" and "Search" are now empty in all resolutions and Menu scroll problem disapears!

Note: You have to do both - Empty HTML module in "Search" position & css override, otherwise it didn't work!

But maybe a much easier solution is waiting somewhere out there ...

Thanks for the temporary workaround. I found I also had to edit #gkSearch:after in template.css and add display:none;

If you don't do this, a little magnifying glass appears where the search bar would normally be.

I found I also had to edit #gkSearch:after in template.css and add display:none;

If you don't do this, a little magnifying glass appears where the search bar would normally be.

Yes, you're right, Viper786, i removed the magnifier before menu-fix, so i forgot to mention. I add this to override.css:

Code: Select all

#gkSearch:after {
   content:"";
}

But display:none none is equally good.

Addition:

I would use "Highlights" and "Search" with custom modules in it. But unfortunately the special suffixes for responsive layouts - http://www.gavick.com/documentation/gen ... et-layout/ - didn't work for this positions (all other positions work), so it's worthless for me.

Please provide a fix!

regards

I agree with Harald this happens when you turn these modules off.

Further if I try and put image show gk4 in highlights it does not show up at all unless I turn on the search module, very strange behaviour guys.

ANd yes I have the latest version of the template

Can someone provide me access to website where this problem exists? I'll try to provide you some CSS fix and of course share solution here.

Can someone provide me access to website where this problem exists? I'll try to provide you some CSS fix and of course share solution here.

Did you test it in your Demo? I don't think, that it works there.

So there are two Problems to solve:

1. Described menu scroll up error after disabling module positions "Highlights" AND "Search"

2. Special module suffixes for responsive layouts are not working for these positions

Test by yourself and you will see!

In regard to suffixes problem did you try to add also class 'box' is suffix field like ' box notablet' ?

Please look at my screencast - I've disabled highlighter and search module and this is result » http://recordit.co/4ZG9yDb7AT

You also have to disable the Last Updated feature so that entire section is gone

In regard to suffixes problem did you try to add also class 'box' is suffix field like ' box notablet' ?

Please look at my screencast - I've disabled highlighter and search module and this is result » http://recordit.co/4ZG9yDb7AT

Thanks for the screencast, but, like Viper786 said, you have to disable the feature "Show last update date" in template settings too. Sorry, i assumed, that was clear. The whole section - "Last Update", "Highlights" + "Search" - has to be disabled. Then scroll down ... and up ... menu disappears! By the way in all layouts, from desktop to mobile.

"box" suffix: No, i don't try this. I tried the "notablet" and "nomobile" suffixes. They didn't work for this positions. In all other positions they work. So i assume, this is a template bug.

Suffixes work only for elements which already has class 'box' - some positions don't have this suffix so you need to apply both 'box notablet' to make it work properly.

Please open file gk.menu.js and find this code :

Code: Select all

 window.addEvent('scroll', function() {
        var currentPosition = window.getScroll().y;

        if(currentPosition > menupos && !menuWrap.hasClass('active')) {
            menuWrap.addClass('active');
            menucontent.inject(menuWrap.getElement('div'), 'bottom');
        } else if(currentPosition < menupos && menuWrap.hasClass('active')) {
            menuWrap.removeClass('active');
               menucontent.inject(document.id('gkToolbar'), 'before');

 
        }
    });

and replace it with :

Code: Select all

 window.addEvent('scroll', function() {
        var currentPosition = window.getScroll().y;

        if(currentPosition > menupos && !menuWrap.hasClass('active')) {
            menuWrap.addClass('active');
            menucontent.inject(menuWrap.getElement('div'), 'bottom');
        } else if(currentPosition < menupos && menuWrap.hasClass('active')) {
            menuWrap.removeClass('active');
            if(document.id('gkToolbar')) {
               menucontent.inject(document.id('gkToolbar'), 'before');
            } else {
               menucontent.inject(document.id('gkTopBar'), 'bottom');
            }
        }
    });

Fix is for J!2.5 for J!3 you need to use this code :

Code: Select all

jQuery(window).scroll(function() {
        var currentPosition = jQuery(window).scrollTop();
       
        if(currentPosition > menupos && !menuWrap.hasClass('active')) {
            menuWrap.addClass('active');
            menuWrap.find('> div').append(menucontent);
        } else if(currentPosition < menupos && menuWrap.hasClass('active')) {
            menuWrap.removeClass('active');
            if(jQuery('#gkToolbar').length > 0) {
               jQuery('#gkToolbar').before(menucontent);
            } else {
               jQuery('#gkTopBar').append(menucontent);
            }
        }
    });

Suffixes: OK, i will try this, thanks!

Menu: After replacing the code, menu overlapping function doesn't work anymore, see: http://screencast-o-matic.com/u/Vsa4/menu-issue

Which version do you use for J!3 or J!2.5? I've just tested this code and it looks like all is fine so probably I need to look at your installation.

Which version do you use for J!3 or J!2.5? I've just tested this code and it looks like all is fine so probably I need to look at your installation.

I write here in "News 2" for "Joomla 3.x" forum, so i use Joomla 3 newest version 3.2.3. In which version did you test it?

btw. my installation is newest quickstart package (Version 3.11.3) without any modifications, except the code canges, you posted above.

In my screnncast above, i disabled "Updates-Highlights-Search" Section, as you can see.

But overlapping function doesn't work either, if i enable it, see: http://screencast-o-matic.com/watch/c2fiX7nTNX

Did you get my PM message? I've made in your installation exactly the same modification like described below and all was fine. Yes, we have problem in our script because we don't preidct that part of template may just be disabled but mentioned code should fix this issue. Could you show me live site URL instead of sscreencast video?

Did you get my PM message? I've made in your installation exactly the same modification like described below and all was fine. Yes, we have problem in our script because we don't preidct that part of template may just be disabled but mentioned code should fix this issue. Could you show me live site URL instead of sscreencast video?

No, i did not get your PM message, my inbox is empty!

But i sent you one with login details, so you can have a look.

regards

I had that problem too and here is my solution:

i found out that once i have unpublished the UPDATE INFO module (showing the date of the latest update) whenever i scrolled down
and back up, the menu did not appear.
So what i did was this:
1. publish te UPDATE INFO module.
2. check your page by scrolling down and up again to see if te menu works - it should work without a problem.
3. Enter this code as CSS either in your CSS file or in the TEMPLATE-GK NEWS - ADVANCED SETTINGS tab:

Code: Select all

#gkUpdates{
color:#fff;
display: none;
}


Please confirm that this works with you. Thanks in advance for your support and thanks to GAVICKPRO for this nice template!
IMHO i think tat you guys are doing a great job!

This problem is really fixed in latest template version, did you try to overwrite gk.script.js and gk.menu.js files? I've checked two customer websites and after applying this fix the problem disappear. Could you show me your website? I'll be able to check script data via dev tools so I'll tell you whether it is up to date or not.

Someone has got to fix this in an effective and simple way? continue with the problem. If I disable Show last update date I get scrolling problem on the menu ... and sincerely like to think that someone will want to show in your front end date of the assessment of your site?

I see no sense .. Anyway I wonder if anyone can help me on this issue, because I tried some of the suggestions below and I could not. My site is http://fitness.blog.br/ but with the update date is enabled, to stay not showing this error ..

Have been several past reports of this bug, many hacks made ​​by users and the response that Gavick fixed that .. but the problem continues.
I wonder what the difficulty of Gavick that has yet to fix this bug?

I've just tried to replicate this issue on quickstart package and it is impossible. Please download latest template package and overwrite all files in /js directory. I have one contact via PM and after accessing to installation I find out that the files are still in the old version. If someone have the same issue and the template is updated please contact with me via PM. FTP access will be required.

It is true. The problem is getting resolved after I replaced all files in js from newly downloaded quickstart package.

Thanks

It is good that at least one person confirm that template update resolve this issue