Mobile Header layout shifts in the Instagram internal browser

Hi,

I created a links page for articles I want to make available from Instagram. This is a replacement for the LinkTree service, to keep my own branding and traffic directly to my own website, rather than through a third party.

The Links page inherits the Header from my site and displays the header, logo, and menu. When I interact with the rendered page, the layout of the header shifts.

I include a link to an image showing the problem: https://www.hrheadquarters.ie/wp-content/uploads/2025/12/Instagram-logo-shift.jpg

Link to the Instagram account: https://www.instagram.com/hr.headquarters/#

All the best,
Mick

Hi Calin,
Thanks for getting back to me.
The Links page is created using the TagDiv Composer. It page inherits the Header and Footer from the Newspaper Theme.
In mobile Chrome and Safari the menu and logo work properly – no layout shifting.
In the Instagram mobile app (iPhone & Android) the layout shifts, moving the Logo over the menu. The layout shift moves the content of the page up and stops the user selecting the most recent article.
Link: https://www.hrheadquarters.ie/wp-content/uploads/2025/12/IMG_1617DD712B27-1.jpeg
All the best,
Mick

Hi Calin,
I have managed to resolve this issue. It was caused by a Caching Plugin and the compression/merging of JavaScript files.
By deactivating the plugin, the site rendered correctly.
I then reactivated the plugin and excluded all JQuery files from compression/merging – this resolved the issue.
Thanks,
Mick