Vertical Text on Mobile (Not displaying properly on actual mobile view)

Site URL: https://www.emmett.world/

Hi friends!

I added the code below to my site to create a vertical text effect. While it displays correctly on desktop, it's not stretching to the full text box on an actual mobile device. Interestingly, it appears fine when viewed in Squarespace's mobile preview.

I've attached screenshots for reference, any idea how I can fix this?

Thank you!

Site URL: https://www.emmett.world/

CSS added: 

// H4 VERTICAL TEXT

@media screen and (min-width: 640px) { h4 {
writing-mode: vertical-rl;
transform: rotate(180deg);
margin: 0 auto;
position: relative;
right: px;
}
}

h4 { 
writing-mode: vertical-rl;
transform: rotate(180deg);
margin: 0 auto;
position: relative;
right: 0px;
}

Hi @tuanphan - any idea how to fix this? Thank you 🙂

I see vertical text in both screenshot are same