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
}
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 2 years, 9 months ago by mjbcomp.
-
This reply was modified 2 years, 9 months ago by mjbcomp.
Unfortunately i add file links in batches of 5-30 so trying to do this one at a time would take forever.