Parallax image disappears below screen size approx. 692 px

Question

Hello, and hope you can tel me what I'm doing wrong..
My page-in-process
http://ser2019.serendipitycostarica.com/index.php has a parallax image about 2/3 down -- a volcano behind text "SERENDIPITY... etc." Works great down to about 692 px, when it disappears and leaves a large blank area. I note the BACKGROUND POSITION went from -28.xx px to +85.xxx px when I narrowed window slightly... those numbers have been generated outside CSS and HTML. The 2 screenshots attached may help you...

SemiColonWeb · Accepted Answer

Hello,

It appears that for some reason the Parallax Plugin resizes the Section Width to 0px which is what is causing the issue. Consider adding the .w-100 Class to the .section Element which hold the Parallax Image and this issue should be automatically resolved!

Hope this Helps!

Let us know if we can help you with anything else or if you find any further issues.

TuckerComstock · Answer

The .w 100 solved disappearing, but I still can't get image to center any more ideas??? http://ser2019.serendipitycostarica.com/index.php

TuckerComstock · Answer

Hi, The parallax image in http://ser2019.serendipitycostarica.com/index.php won't center as the page size is reduced. How do I fix this?

Semicolon Web · Answer

Hello,

We have just checked out your Website and the Parallax Image appears to be perfectly centered on Mobile Devices according to the center position of this image: http://ser2019.serendipitycostarica.com/images/parallax/arenal2.jpg .

Let us know if we can help you with anything else or if you find any further issues.