We are trying to get this theme up and running for a client and noticed a couple of issues that are also on your demo page.
The below javascript does not appear to be changing the header css thus obscuring the section titles and part of each section text. As a result the user has to then manually scroll down to see the obscured part of the section
// Transparent Header after scroll
$(function() {
var header = $(".navigation");
$(window).scroll(function() {
var scroll = $(window).scrollTop();
if (scroll >= 100) {
header.removeClass('header-solid').addClass("header-opacity");
} else {
header.removeClass("header-opacity").addClass('header-solid');
}
});
});
We found a wrokaround by defining an offset for the scroll on line 64 of the lovely.js. With this workaround it is now possible to see the section headers. Still does not help the smaller screens when the menu shifts. It would help to understand the intent of the theme for the section headers. Possibly fixing the above transparency issue would resolve the need to offset the scroll
'scrollTop': $target.offset().top - 130
Hi,
Just activate the code you write above
Find the line 520 in file lovely.css
then change
opacity:1;
to
opacity:0.5;