1. Helix-II
  2. Friday, 27 March 2015
Mobile menu fall behind the header and the main content of my site.

I have put .sp-main-menu-toggler {z-index: 999;} in custom css, result: mobile menu not showing at all?

url: http://www.ijssalonhemels.nl/home/kinderfeestjes
#joomla 3.3.6
#organic life
#helix 2.1.8
Accepted Answer
Hi,
paste this css in custom.css file:

.nav-collapse.collapse{
z-index: 9999;
}
  1. more than a month ago
  2. Helix-II
  3. # Permalink
Responses (5)
Hi,
in mobile device menu isn't fixing when you scroll. in this template's feature is mobile menu won't fix. well, if you want to make it fix then go to '/templates/shaper_organic_life/js/main.js' on 8 line you will get:


if (windowWidth > 979){
var stickyNavTop = menu_wrapper.offset().top;

var stickyNav = function(){
var scrollTop = $(window).scrollTop() > 100;

if (scrollTop > stickyNavTop) {
menu_wrapper.addClass('menu-fixed').fadeIn(400);
}
else
{
if(menu_wrapper.hasClass('menu-fixed'))
{
menu_wrapper.removeClass('menu-fixed').removeAttr('style');
}

}
};

stickyNav();

$(window).scroll(function() {
stickyNav();
});
}else{
menu_wrapper.removeClass('menu-fixed');
}


replace by:


var stickyNavTop = menu_wrapper.offset().top;

var stickyNav = function(){
var scrollTop = $(window).scrollTop() > 100;

if (scrollTop > stickyNavTop) {
menu_wrapper.addClass('menu-fixed').fadeIn(400);
}
else
{
if(menu_wrapper.hasClass('menu-fixed'))
{
menu_wrapper.removeClass('menu-fixed').removeAttr('style');
}

}
};

stickyNav();

$(window).scroll(function() {
stickyNav();
});


- Thanks
  1. more than a month ago
  2. Helix-II
  3. # 1
Works almost 100% after this modification! Many thanks for this. Only a main picture of a K2 article will show the image in front of the menu. The mobile menu is not accessible in that situation.
  1. more than a month ago
  2. Helix-II
  3. # 2
Works fine now for 100%. Thanks!
  1. more than a month ago
  2. Helix-II
  3. # 3
You are alwsys welcome :)
  1. more than a month ago
  2. Helix-II
  3. # 4


There are no replies made for this post yet.
Be one of the first to reply to this post!


This forum is archived

This forum has been archived. Please use JoomShaper official support system.