REMOVE Parallax Scroll in Altitude Pro?

[betholson]

Hi, I'm using the genesis framework for the first time so It's been kind of slow going figuring it all out but I'm almost done figuring out all the bits an pieces. Unfortunately after all that work and time my friend has decided she really doesn't like the Parallax scrolling effect and the way the menu stays at the top of the page. She really just wants the page to scroll up "like a plain ol boring website". She, of course, doesn't realize a plain ol boring website doesnt have things like the menu overlay on the top image and other things I'd have to figure out how to recreate in a different framework.

Any thoughts on
a) how to remove the parallax scroll effect. (or where to find that code so I can attempt to hack it myself)
b) how to make the navigation/logo scroll up with the rest of the page when a user scrolls down?

Thanks!

http://www.betholsoncreative.com/SANDBOX/

[betholson]

If anyone is curious how to do this here's what I came up with that changed the code. Hope it helps!

/* removes parallax scrolling of top main page image */
.front-page-1, .front-page-3, .front-page-5, .front-page-7 {
background-attachment: scroll;
  background-color: #fff;
  background-position: 50% 0;
  background-repeat: no-repeat;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  background-size: cover;
}

/* makes logo and menu scroll with page */
.site-header {
  background-color: #000;
  left: 0;
  /* position: fixed; */
  top: 0;
  width: 100%;
  z-index: 999;
}

[trishaj]

This is what I did to stop the scroll:

Changed this:
.front-page-1,
.front-page-3,
.front-page-5,
.front-page-7 {
background-attachment: scroll;
}

To this:

.front-page-1,
.front-page-3,
.front-page-5,
.front-page-7 {
background-attachment: fixed;
}

In other words, just change the word "scroll" to "fixed" A huge saving on unnecessarily bloating the code.

[Author]

Posts