Fixed Menu

More
9 years 2 months ago #43958 by yebusa
Replied by yebusa on topic Fixed Menu
I have added the code shown above in the file .../templates/hot_academy/css/template_css.css, however I do not see that main menu remains fixed to slide down on the page. :(

I love this template, but would be great if the main menu could be like the Hot Bokeh template.

Will I have missed doing something else ?, what I can do? :blink:

I would appreciate it greatly. :)
Attachments:

Please Log in to join the conversation.

More
9 years 2 months ago #43961 by ivan.milic
Replied by ivan.milic on topic Fixed Menu
Bokeh has script to handle that

Please Log in to join the conversation.

More
8 years 11 months ago #44869 by maxwbr
Replied by maxwbr on topic Fixed Menu
in botton from template_css.css put the code

.sparky_full, .logorow, .one {
width:100%;
top: 65px;
z-index:100;
}
.fix_menu {
position: fixed;
margin-top: -70px !important;
background: #fff;
}

Now, you need load jQuery on page.

var offset = jQuery('.sparky_full.logorow.one').offset().top;
var $meuMenu = jQuery('.sparky_full.logorow.one');
jQuery(document).on('scroll', function () {
if (offset <= jQuery(window).scrollTop()) {
$meuMenu.addClass('fix_menu');
} else {
$meuMenu.removeClass('fix_menu');
}
});

Fine works, 100%.
The following user(s) said Thank You: ivan.milic

Please Log in to join the conversation.

Time to create page: 0.330 seconds
Powered by Kunena Forum