Parallax pro not mobile responsive

[codebot5000]

I'm using the Parallax pro theme. When you drag the theme to a size where the hight is more than the width you will see huge white space in the services and contact sections.

http://jeff-cunningham.com

[Davinder Singh Kainth]

Change padding values in following code in style.css file

	.home-even,
	.home-odd {
		padding: 90px 0 100px;
	}

It is found under this section

@media only screen and (max-width: 768px) {

---

Sunshine PRO genesis theme
Need Genesis help? Davinder @ iGuiding Media | My Blog | Fresh Genesis Themes

[codebot5000]

Hi Davinder, thank you for all of you help, however, I have tried changing the padding of .home-even, .home-odd in @media only screen and (max-width: 768px) and nothing seems to change.

[Krista]

You have edited the image sections background-attachment from fixed to scroll in the media queries - if you change it back to fixed the issue will resolve:

@media only screen and (max-width: 1140px)

.home-section-1,
.home-section-3,
.home-section-5 {
background-attachment: scroll;
background-position: top;
-webkit-background-size: auto;
-moz-background-size: auto;
background-size: auto;
}

[Krista]

Hi there,

Forget what I said there - I had too many windows opening looking and was wrong. The default is scroll ( there wasn't an edit). Sorry for the confusion!!

[Krista]

Try changing scroll to fixed:

@media only screen and (max-width: 1140px)

.home-section-1,
.home-section-3,
.home-section-5 {
background-attachment: fixed;
background-position: top;
-webkit-background-size: auto;
-moz-background-size: auto;
background-size: auto;
}

[Author]

Posts