Background images in "featured" sections ar not scrolling - Acme Themes

Best Premium and Free WordPress Themes Forums Lawyer Zone Pro Background images in “featured” sections ar not scrolling

Viewing 11 posts - 1 through 11 (of 11 total)
  • Author
    Posts
  • #94899
    J. Feldt
    Participant

    Dear ladies and gentlemen,

    it is possible to select a background image in featured sections like “AT Feature Section” or “AT Contact Section”. Browsing the site on a desktop browser these background images are “scrolling”.
    Browsing on iPad or mobile these background images are not scrolling and the resolution is rather rough. The background images seems to be “frozen”. It also seems that different section are slightly deferred into each other.
    Any idea?

    Kind regards and many thanks in advance for your assistance.

    Joerg

    #94952
    acmesupports
    Moderator

    Dear J,
    If you can provide us your site URL, we will observe and can provide you with possible solutions.

    Best Regards!

    #94957
    J. Feldt
    Participant

    Hi,
    the site URL ist: https://ihr-externer-datenschutz.de

    Many thanks – best regards

    Joerg

    #95003
    acmesupports
    Moderator

    Dear J,
    Please remove the right restriction in the website so that we can observe your issue in mobile phones and tablets.

    Best Regards!

    #95014
    J. Feldt
    Participant

    Hi there,

    I removed the copy protection and the firewall. Sorry for that.

    Best regards!

    #95058
    acmesupports
    Moderator

    Dear J,
    We didn’t seem to find any problem. Can you please provide a screenshot of the issue to make it clear?

    Best Regards!

    #95085
    J. Feldt
    Participant

    Hi – I just made two littel videos to show the issue.

    – The first one is a recording from the desktop PC – all fine
    – The second one is a screen recording from the iPad – which shows the issue.

    You find the videos here: https://ihr-externer-datenschutz.de/issue Password is: ACME-LawyerPro-985*
    The section is a bit further down the site, titled: TICKET :: Background images in “featured” sections ar not scrolling

    Hope this helps. Many thanks for your assistance.

    Best regrds, Joerg

    #95161
    acmesupports
    Moderator

    Dear J,
    Please deactivate the unnecessary plugins and check if it solves the problem.

    Best Regards!

    #95183
    J. Feldt
    Participant

    Hi there,

    I’ve checked the presentation of the web site in different browser (Firefox, Edge, Safari, Chrome, Opera, Brave) on different OS on mobile devices.

    At least it has shown up, that the presentation for all Android or Microsoft devices is no problem. Differing from browser to browser it is for some browser possible that the site is scrolling over the background image and the other browser show up a fixed image, whichis moving with the site. But at least it is for all browser on Android OS that the background image has the right scaling. It is looking as good as on a desktop system – just a bit smaller.
    I checked the behaviour on different Apple devices (iPhones and iPads) – for all devices the same result: the background image is fixed and scorolls with the site. But the resoultion of the background image is of very poor quality.

    That leads to the thought, that it might be a problem for all Apple mobile devices. So can you please chek if there is any line of code within your template which is scaling the background image? It is no need to check, if the site is scrolling over the background image. But the background image should have a propper scaling.

    Deactivating all Plugins leads to no solution.

    Many thanks for all your efforts to solve this isue.

    best regards.

    #95261
    acmesupports
    Moderator

    Dear J.Feldt,
    Your query will be replied soon.

    Best Regards!

    #95299
    acmesupports
    Moderator

    Dear J.Feldt,
    Such issues are common for the iOS devices as the Safari browser still does not support background-attachment: fixed; property. But it should not appear on Android devices.
    But you can add the following code in Additional CSS for removing blurry image from all mobile devices.
    Appearance > Cjustomize > Additional CSS

    @media(max-width:767px){
         .at-parallax{
            background-attachment: scroll !important;
        }
    }

    (Note: It will change in all mobile devices)

    Best Regards!

    • This reply was modified 2 years, 1 month ago by acmesupports.
Viewing 11 posts - 1 through 11 (of 11 total)
  • You must be logged in to reply to this topic.