How to change Wordpress Parallax container for portrait size iphone scrolling

Hi, Alison. I'm not quite sure what you're getting at. Can you upload a picture and paste the link here so I can see what's going on? Also, it would help if we could see your CSS/HTML so we can more easily identify the problem. :)

https://www.hightail.com/download/bXBZck8wdkdiV3p2WnNUQw https://www.hightail.com/download/bXBZck8wdkcwVW1jZDhUQw

https://www.hightail.com/download/bXBZck8wdkc3bUJBSXRVag -

The template was Zephyr from Themeforest...

Appreciate your thoughts...

Ah, okay, so it's the scroll down arrow icon that's acting up. I'd have to actually see the site (or the full CSS file; the one you linked was the customization CSS file that you can override default theme styles with) to be able to diagnose what's going on. Is the site live? If so, can you send a link?

One of the screenshots has the link in the picture... THANKS!

Okay, so what it looks like is happening is the top div under the menu bar is setting its height to 100% upon initial loading of the page and putting the arrow icon in the middle. However, the parallax image behind is wider than it is tall, and the background-size property of the div that contains that image is set to contain, which means it will try to fit the entire image inside the div. So when you view it on a phone (or on a device in portrait orientation), the image will try to fit in the top of the div, leaving white space below it.

This can somewhat be mitigated by setting these background properties on the div:

.upb_row_bg {
  background-size: cover;
  background-position: 50% 50%;
}

However, depending on where the background styles are being set within that WordPress theme, you may have to override it by using the !important flag after each of those values.

That being said, because the image has text on it, that text will become cut off on the sides when viewing the site on devices in portrait orientation. The best solution would be to use the image without text and use a paragraph tag for the text instead.

I understand what you are saying and appreciate your help! 2 heads are better than 1, but...

The CSS lost my images on the iPhone...

Must say, for all the feedback this theme had, I have been truly disappointed. Where to turn now???

Thanks for you time :-)