Responsive display issues

Hi Dylan!

Thanks for reaching out to us and sorry for the delayed reply.

You add the following CSS in the Quick CSS section to correct the image displaying on mobile devices:

@media screen and (device-width: 500px) and (device-height: 840px) {
.av-parallax.avia-full-stretch.active-parallax {
    top: 0px;
 }
}

Let me know if you require further assistance.

Cheers!
Jordan

Hi!

Is the issue on the logo image?
I loaded through my iPhone and the page looks ok, except the logo which looks bad ( no x2 version ).

Cheers!
Basilis

Hey!

Please remove Color Section background image.
Instead use custom class and add the background using CSS and adjust as you like.

First enable custom class support and add class name "custom-bg-1" to the color section

Add the below css in Quick CSS and you might have to tweak some CSS in mobile version.

/* Color Section Bg Image*/
.custom-bg-1 {
background: #FFF url(https://www.potentialmatters.com/wp-content/uploads/2016/01/123rf-28387068-2560x933-smaller.jpg);   
background-size: cover;     
background-position:bottom right; 
}
/*Background in mobile version*/
@media only screen and (max-width: 767px) {
  .custom-bg-1 {
background-size: cover;     
height:auto;
background-position:topcenter; 
} 
}

If it still don’t look right to you please create a temporary user with ‘administrator’ role and share in private content with permission to deactivate all plugins and add custom code if necessary to help you resolve this issue.

Best regards,
Vinay Kashyap