Agency home scroll

[Tim Squires]

Hi, I have a test site here built with the Agency Pro theme which has scrolling issues:

http://www.mountains.timsquires.com.au/

I have added a new widget area for a grid gallery, but the page scrolls down too far when the navigation button is clicked, and some of the grid is cut off by the top of the screen.

Does anyone have any tips for this? I found one other thread on this topic in the forum but it wasn't resolved

Many thanks

---

timsquires.com.au

http://www.mountains.timsquires.com.au/

[Jeff]

One way you could try to fix this would be to add an offset to the home.js file. This tells the scrolling how far from the top it should stop.

jQuery(function( $ ){

    $.localScroll({
    	duration: 900,
        offset: -62
    });
	
});

Hope that helps!

[Tim Squires]

Thanks Jeff, I tried your code but sadly it didn't work - there was no effect.
Do you have any other thoughts?
Thanks again

---

timsquires.com.au

[Jeff]

In your home.js file, you are missing a comma. That is why the offset is not working.

jQuery(function( $ ){

    $.localScroll({
    	duration: 900, //you need a comma here, after 900
    	offset: -62
    });
	
});

[Jeff]

Another way to fix this would be to add some padding to .front-grid section.

The Agency theme uses padding for the .home-middle section. So something like this should work.

.front-grid {
    padding: 15% 0 0;
}

Also, on line 1357, remove the margin-top: 200px

#front-grid .wrap {
    background: transparent none repeat scroll 0 0;
    /* margin-top: 200px; */
    margin-bottom: 0px;
    padding: 0px;
}

I can't test the JavaScript setting but I got it working just fine by adding the padding and removing the margin-top.

[Tim Squires]

Great, thanks Jeff,

Good work picking up the missing coma - the code works really well. The padding on the .front-grid section is a great idea - it lets me fine tune the spacing nicely.

Thanks very much for your help and code suggestions, much appreciated!

Tim

---

timsquires.com.au

[Author]

Posts