Parallax Theme – top image not showing on mobile browsers in Safari and Firefox

Hey kblankinship,

Thank you for the inquiry.

The image in the cell seems to be visible when we checked. If the issue persists on your end, please try adding this css code:

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

  /* Add your Mobile Styles here */
  .flex_column.av-l3szqp26-6284db6a47ccbd96c8a886659567d974 {
    height: 400px;
    min-height: 400px;
  }
}

Best regards,
Ismael

Hi,

Thank you for the screenshots.

We adjusted the css code a bit. Please try it again:

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

  /* Add your Mobile Styles here */
  .flex_column.av-l3szqp26-6284db6a47ccbd96c8a886659567d974 {
    height: 542px !important;
    min-height: 400px;
  }
}

Is the image visible when the parallax effect is disabled?

Best regards,
Ismael

Hi,
Thank you for your patience, please try disabling Enfold Theme Options ▸ Performance ▸ JS & CSS file merging and compression and disable any other caching plugins and enable Enfold Theme Options ▸ Performance ▸ Delete old CSS and JS files
Then clear your device cache, please note that iPhones can be hard to clear the cache, often you need to also clear the history to fully purge the cache, following these steps for Safari and note Step 4 where you will Clear the History.
If this doesn’t help please try adding this code to the end of your theme functions.php file in Appearance ▸ Editor:

function custom_avf_post_css_create_file( $create ) {
	return false;
}
add_filter( 'avf_post_css_create_file', 'custom_avf_post_css_create_file', 10, 1 );

and clear your cache again.
If this doesn’t correct please include admin login in the Private Content area so we can investigate.
Also when you say that “Desktop environments” work fine, is that Mac or Windows, or both?

Best regards,
Mike

Hi,

Thanks for the update. Please let us know if you should need any further help on the topic, or if we can close it.

Best regards,
Rikard