Despite my usual avoidance of CSS, this time I had to work with it and ran into a peculiar issue. Whenever I click on the menu in the header, the titles of the sections start going behind the menu.
If anyone can help, here is the code snippet: http://jsfiddle.net/cu0520mL/
Below is the JavaScript code being used:
$(document).ready(function(){
scrollEvent();
$(".menu >ul >li").click(function(){
$(window).scrollTop($(window).scrollTop() + 60);
});
$('.more-blogs > ul').find('li').click(function(){
$(this).toggleClass('show-blog-lists');
});
});
function scrollEvent(){
$(window).bind('scroll', function(e) {
e.preventDefault();
var navHeight = $( window ).height() - 70;
if ($(window).scrollTop() > navHeight) {
$('.menu').addClass('fixed');
} else {
$('.menu').removeClass('fixed');
}
});
}