Enfold Visual Artist demo bug

Hey topmedialab,

I can’t reproduce that, images are loading fine on my end using both desktop and mobile versions of Chrome, could you try reloading the page maybe? https://kriesi.at/themes/enfold-visual-artist/

Your site is password protected so I couldn’t check, please post the password for the page as well.

Best regards,
Rikard

Hi,

Thanks for the feedback and screenshots, I still can’t see the problem on either iphone or android on the demo page, but I can see some missing images on your own installation. Did you try to replace them with your own images? That might help to at least see if the images themselves are the problem.

Best regards,
Rikard

Hi,

It’s probably related to the background attachment settings. What if you set the color sections’ background attachment from “fixed” to “scroll”?

Related thread: https://kriesi.at/support/topic/playing-with-new-demos/

Best regards,
Ismael

Hi,

Glad that you found a workaround. Yes, this is an incompatibility issue between the background attachment settings and iOS mobile devices. We’re still not sure what’s causing the issue, unfortunately.

Best regards,
Ismael

Hi,

Thank you for the update. Is the “Background Image Position” settings set to “center center”?

Best regards,
Ismael

Hi,

The section looks good on my end.

// https://imgur.com/a/wTw8X

Have you tried this modification?

// https://kriesi.at/support/topic/playing-with-new-demos/#post-871865

Best regards,
Ismael

Hi,

We set the background attachment settings of every color sections to “scroll”. We also modified the script a bit because the previous syntax will only work on iOS devices.

Best regards,
Ismael

Hi,

Are you removing the browser cache before testing the page? Please make sure that the scripts and stylesheets are refresh. And turn off the cache and minification plugins.

Best regards,
Ismael

Hi,

The script is working on our end. It is removing the “bgfixed” class attribute if the screen width is less than 1300px. The maximum width of the LG X Power is 1280px. Please provide a screenshot of the page from the said device.

Best regards,
Ismael

Hi,

Thank you for the update. We will report the issue to our developers. Please use this css code to hide the pagination.

@media only screen and (min-width: 990px) {
    .responsive.av-no-preview #top #wrap_all .av-desktop-hide, .responsive.av-no-preview #top #wrap_all .av-desktop-font-size-hidden, .responsive.av-no-preview #top #wrap_all .av-desktop-font-size-title-hidden, .responsive.av-no-preview #top #wrap_all .av-desktop-hide + .pagination-wrap {
        display: none;
    }

@media only screen and (max-width: 989px) and (min-width: 768px) {
    .responsive.av-no-preview #top #wrap_all .av-medium-hide, .responsive.av-no-preview #top #wrap_all .av-medium-font-size-hidden, .responsive.av-no-preview #top #wrap_all .av-medium-font-size-title-hidden, .responsive.av-no-preview #top #wrap_all .av-medium-hide + .pagination-wrap {
        display: none;
    }
}

@media only screen and (max-width: 479px) {
    .responsive.av-no-preview #top #wrap_all .av-mini-hide, .responsive.av-no-preview #top #wrap_all .av-mini-font-size-hidden, .responsive.av-no-preview #top #wrap_all .av-mini-font-size-title-hidden, .responsive.av-no-preview #top #wrap_all .av-mini-hide + .pagination-wrap {
        display: none;
    }
}

Best regards,
Ismael

Hi,

That is the expected behavior because the portfolio grid is inside the home page. Please disable the pagination then add a link below the portfolio grid element. Use the url of the actual portfolio page in the link.

Best regards,
Ismael

Hi,

I see. I forgot that this is a single page site. You may want to disable the pagination completely and create an actual portfolio page, separate from the home page. Again, you can create a link below the portfolio grid element that goes to the separate portfolio page.

Best regards,
Ismael