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
Archived Forums
Accepted Answer
Hi,
paste this css in custom.css file:
paste this css in custom.css file:
.nav-collapse.collapse{
z-index: 9999;
}- more than a month ago
- Helix-II
- # Permalink
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:
replace by:
- Thanks
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
There are no replies made for this post yet.
Be one of the first to reply to this post!
Be one of the first to reply to this post!