[ad_1]
Upon further investigation i found the problem is based on the ‘flex-basis: 30%’. I need this to be 100% and it will fix the issue.
See attached image of page inspection.
- This reply was modified 14 minutes ago by .
- This reply was modified 12 minutes ago by .
I solved the problem myself by adding this code in ‘Additional CSS’:
.cm-header-col-1 {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 16px;
-ms-flex-preferred-size: 30%;
flex-basis: 40%; <— changing this from 30% to 40% solved the word wrap issue
}