Mobile fixed text glitching on scroll

[allie heesh]

I have a fixed block of text centered to my page which functions fine on desktop but on mobile it glitches or jumps position as i scroll down half the page.

https://www.allieheesh.com/?page_id=271&preview=true

Any ideas of how to fix this?

thank you
Allie

[Richard]

Dear Allie

@allie-heesh

Have you tried changing the Line Height of your Text?
Currently the font TWKLausanne-600 is set to a line height of 0.6.

If a Bug truly is occurring then please make sure of the following 🌝

Wordpress, Lay Theme & Laytheme's Addons are all up to date ?


Any custom CSS or JS that may interfere is temporarily removed.


Any third-party plugins are de-activated to see if this resolves the issue.


If using a WordPress Cache plugin, disable it or clear your cache.


---

Best

Richard

[allie heesh]

Hi Richard,

thanks for your quick reply.

I made a test by changing the line height but the problem is still there. The page I am referring to isn't the one i have live. Is there a way i can share this page with you without making it live. Here is a link to the screen recording.

The CSS i used for mobile was this following:

.fixedabout {
    position: fixed;
    top: 50%;
    left: 24%;
    transform: translate(-25%, -25%);
}

Wordpress is up to date
laytheme is up to date
The only plugins i have are the lay theme add ons
Custom CSS removed except for the CSS that fixes the type
Wordpress cache plugin disabled

thanks
Allie

[Richard]

Dear Allie

@allie-heesh

I understand if you do not wish to publish your current website on the Thread. Thanks for the video as well, i am assuming the custom class fixedabout is this central text box. Likely we need to change the CSS to work better then.

If you feel comfortable you can send me a message via 'chats' and we can talk there 🌼

An alternative would be to email via: licensekeys@laytheme.com

I am happy to work with whatever suits you, have a wonderful day Allie.

---

Best

Richard