Best Premium and Free WordPress Themes › Forums › Lawyer Zone Pro › Background images in “featured” sections ar not scrolling
- This topic has 10 replies, 2 voices, and was last updated 2 years, 1 month ago by
acmesupports.
-
AuthorPosts
-
March 30, 2021 at 6:22 am #94899
J. Feldt
ParticipantDear 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
March 31, 2021 at 8:50 am #94952acmesupports
ModeratorDear J,
If you can provide us your site URL, we will observe and can provide you with possible solutions.Best Regards!
March 31, 2021 at 9:05 am #94957J. Feldt
ParticipantApril 1, 2021 at 9:59 am #95003acmesupports
ModeratorDear J,
Please remove the right restriction in the website so that we can observe your issue in mobile phones and tablets.Best Regards!
April 1, 2021 at 2:14 pm #95014J. Feldt
ParticipantHi there,
I removed the copy protection and the firewall. Sorry for that.
Best regards!
April 2, 2021 at 6:44 pm #95058acmesupports
ModeratorDear J,
We didn’t seem to find any problem. Can you please provide a screenshot of the issue to make it clear?Best Regards!
April 3, 2021 at 10:50 am #95085J. Feldt
ParticipantHi – 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 scrollingHope this helps. Many thanks for your assistance.
Best regrds, Joerg
April 5, 2021 at 6:01 pm #95161acmesupports
ModeratorDear J,
Please deactivate the unnecessary plugins and check if it solves the problem.Best Regards!
April 6, 2021 at 6:51 am #95183J. Feldt
ParticipantHi 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.
April 7, 2021 at 6:04 pm #95261acmesupports
ModeratorDear J.Feldt,
Your query will be replied soon.Best Regards!
April 9, 2021 at 12:12 pm #95299acmesupports
ModeratorDear 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.
-
This reply was modified 2 years, 1 month ago by
-
AuthorPosts
- You must be logged in to reply to this topic.