I am reaching out to seek assistance with an issue I am experiencing on my WordPress site using Bricks Builder. My website includes several cards on the homepage that are designed to act as links to specific sections on another page of the site. These cards use anchor links (#legal","#tax , #human-mobility and #customs) that lead to the corresponding section for the type of services in the Services Page.
Primary Concern: The anchor links function correctly when accessed from a desktop browser, leading users to the specified sections of the other page and performing the expected scroll-down action. However, when these links are accessed via a mobile device, they fail to perform as intended. While they do redirect to the target page, they do not scroll down to the respective section.
Specifics: The issue is consistent across various mobile devices and browsers.
Let me know if you need more information. Really hoping to get this sorted so the mobile visitors aren’t missing out.
Were you perhaps able to resolve the issue? I just visited your website on an iOS device and the anchor links took me to the correct section just like on desktop.
I was experiencing a similar issue and I believe it may be due to the images being lazy loaded. Try disabling lazy loading in Bricks > Settings > Performance and see if that solves the issue for you.
If lazy loading is causing the anchor link to scroll to the wrong spot, it most likely means the height allocated to the image doesn’t match its actual rendered size once it loads. This mismatch throws off the scroll calculation.
To fix this, make sure the width and height attributes of the image tag accurately reflect the image’s dimensions. For example, if the image is 300x200 pixels, the tag should include width="300" and height="200". This ensures the browser reserves the correct space for the image before it loads, preventing layout shifts and incorrect scrolling once it’s rendered.