How to fix alphabet collapsed into multiple lines

Hello all,

Was checking on my website and found out one of the page is not responsive when it comes to ipad view. The contents alphabet break into multiple lines. Does anyone can help me to fix this issue?

https://thehighgrind.com/pages/services

Hey @jiunpheng ,
Welcome to the Shopify community!
Please share your store password.
So that I will check and let you know the exact solution here.
Thank you.
Raman!

hello @ReturnPrime the password is Ilovejiun! the issue is only appear on what we do page.

appreciate your help

Hey @jiunpheng ,
Welcome to the Shopify community!
please add this to your base.css file.

.h2 {
    word-break: normal !important;
    white-space: normal !important;
    overflow-wrap: normal !important;
}

If you feel like my answer is helpful, please Like and mark it as a solution. Let me know if you have any further questions.
Thank you!
Raman

I tried with the code and it doesn’t seem to be solving the problem yet. Is it possible if its related to the page margin/padding?

@jiunpheng
please try to manage through overflow-wrap css

May be in your case whatever your parent div#parentDiv

#parentDiv * {
  overflow-wrap: break-word;
}

or another possibility is that width issue of your current/parent div