-
-
Hi. I have a one page navigation website with a sticky menu. Everything works when the website first loads, however the menu is no long sticky when the page is re-sized (as in when I go from a small screen to maximize or the other way around). The menu still works but it anchors at the top and doesn’t appear as you scroll down when the page is re-sized. The menu works again on refresh.
Thanks in advanced for the help.
-
Hello,
You want the sticky menu on responsive, or you want it on window re-size?
Please edit the file ‘/js/main.js’.
To show the sticky header on window resize1. Add this line:
if($('body').hasClass('sticky_active') && $window_width >= 980) codelessStickyNav();
after the line 162:
after this:
$(window).resize(function(){ "use strict";
To show the sticky header on responsive
1. If you want the sticky on responsive then add this one below line 162:if($('body').hasClass('sticky_active')) codelessStickyNav();
Also at line 132, replace the condition with this code:
if($('body').hasClass('sticky_active'))
2. Add this css code at custom css box
.sticky_active .header_wrapper, .header_4 .header_wrapper { position: fixed !important; }
Best regards!
-
You must be logged in to reply to this topic.