How can I correct text display issues on mobile?

Store Design
,
1

On pc my text works just fine here, but on mobile for some reason it does this, anyone know how to fix this?

store link: https://psyco-jewelery.myshopify.com/collections/all

JeffRandal1238_0-1675912590601.png
JeffRandal1238_0-1675912590601.png564×498 23.8 KB

2

Hello @JeffRandal1238

I have checked. Your title has a large padding-left for centering. https://prnt.sc/1Id6M3et_vFq

But it’s on small screen it will cause issue.

You can try using below code to fix it by following these steps:

  1. Go to Online Store → Theme → Edit code.

  2. Open your base.css in the Assets folder.

  3. Paste the below code at the end of the file.

#shopify-section-template--17811775815996__e465aba0-40dc-42f2-ba07-6fae99c0af44 .title{
  padding-left: 0px;
  margin: auto;
}
#shopify-section-template--17811775815996__e465aba0-40dc-42f2-ba07-6fae99c0af44 .title-wrapper-with-link{
  width: 100%;
}

I hope my solution can work and support for you.

Best regards,
GemPages Support Team