Remove parallax scroll on pages

kvistlab · Member · Jul 27, 2016 at 5:44 pm
Copy link

Add topic to favorites
How do I remove the parallax scroll on every page aside from the homepage? I want my featured images to be displayed fully and not get cut off when I scroll down the page.

The blog I need help with is: (visible only to logged in users)
thesacredpath · Member · Jul 27, 2016 at 9:50 pm
Copy link
Hi there, add the following. I’ve tested this and it seems like it does what you want. Make sure and check a number of different pages and such and let me know if you see any issues.
```
@media screen and (min-width: 1140px) {
	body:not(.home) .bcg {
		background-attachment: initial;
	}
}
```
kvistlab · Member · Jul 28, 2016 at 8:12 pm
Copy link
Hello!
Thank you for the helpful code. A couple things:

I would actually now like to include the homepage, how would I change the code to do that?
Also, is there any way to keep the full image, rather than it being cropped at the bottom? And is there any way to stop the name of the page from disappearing when you scroll down?

Thanks in advance!
thesacredpath · Member · Jul 28, 2016 at 11:10 pm
Copy link
To disable the parallax on all pages, add the following instead.
```
@media screen and (min-width: 1140px) {
        .bcg {
		background-attachment: initial;
	}
}
```
To keep the page titles from fading out, add also the following.
```
.hsContent {
	opacity: 1 !important;
}
```
With a responsive width theme that has a featured image that spans the entire width of the window/screen, this is nearly impossible to do since the theme software has to continually adjust the size in order to keep the entire area allotted to the image covered. I would suggest always cropping your images so that the most important part is centered vertically, or nearly centered, so that it always stays in-frame.
kvistlab · Member · Jul 29, 2016 at 7:28 pm
Copy link
Thank you for the quick reply and those codes. Really appreciate it!

And ohh I understand about the size of the featured image. I’ll definitely do some cropping to the photos then. Thank you!
thesacredpath · Member · Jul 29, 2016 at 8:23 pm
Copy link
You are welcome and if you have additional questions, please let us know.

No items found.