Menu animation and mobile problem

After quickstart installation, menu animation cannot been displayed. Menu has also problems with mobile devices.

Could you please be more specific?
Could you please post an url to your site?

Site url is http://mastorantza.com/. The menu when scrolling, appears without effect. Also when scrolling on mobile devices, menu has displaying issues.

Animation was removed in current template version - it was causing some display problems on mobile devices (iOS).

The main menu has already display problems on iOS and andriod without any effect.

Problems such as?

Menu is flickering while scrolling. You can access my url from a mobile device so to see exactly what happens. In the simplicity demo page, this does not happen.

You might try to use this code in override.css:

Code: Select all

.imageBg #gkMenuWrap {
    -webkit-transition: top .2s ease-out;
    -moz-transition: top .2s ease-out;
    -ms-transition: top .2s ease-out;
    -o-transition: top .2s ease-out;
    transition: top .2s ease-out;
}
#gkMenuWrap {
    position: fixed;
    top: -100px;
}
#gkMenuWrap.active {
    top: 0;
}


and removing this part

Code: Select all

   // Fix for iOS devices with iOS >= 8.0
   var menuWrap = jQuery('#gkMenuWrap');
   
   if(menuWrap.length) {
      jQuery(window).on('scroll', function(e) {
         if(menuWrap.hasClass('active')) {
            menuWrap.css('top', jQuery(window).scrollTop());
         } else {
            menuWrap.css('top', '-100px');
         }
      });
   }


from templates/gk_simplicity/js/gk.scripts.js file

Hello again. With that modification i cannot see the menu at all when i scroll down the page. Is it possible to choose another template or can you fix that problem?

I was trying to check what was wrong but your site points to an empty folder.

i have the same problem today