WPIntell

Source evidence

Hyphens don’t work proper in mobile view

wp-Typography · support · 2023-06-19T16:48:00+00:00

neutralsentiment
mediumseverity
0.6relevance
7replies
Evidence linked to opportunitycommercial context

Proof Health

Open evidence

Commercial opportunities need traceable source links before they are treated as build-worthy.

2 / 24 rows with source links

8.3% of this page's analysis has direct source links.

0 build-decision rows missing links

0 rows here require auditable proof before promotion.

22 rows with no attached evidence

0 rows have source counts but still need direct links.

Conversation

support
simonderchefe resolved
Hello There I have troubles activating hyphens on the page http://www.ethosimmo.ch . They work in desktop-view but on mobile devices not. (some hyphenation will be done, but not correctly). i have wp-typography activated. Hurenkinder deactivated. cheers Simon The page I need help with: [ log in to see the link] Hi, that looks like a CSS issue with your theme. Please check that hyphens is set to manual for your relevant selectors. Hello There; i made the setting as suggested, but still no correct hyphernation in mobileview. Thanks for your help so far – but what could it be? Cheers Simon https://ibb.co/dm2XK6K Looks like you problem is this part: @media only screen and (max-width: 768px) .pagelayer-col, .pagelayer-col-holder { word-break: break-all!important; } Have you been able to fix the issue, @simonderchefe ? no not really. i had several webdesigners working on it. but the problem is still not solved properly. 🙁 Well, you need to remove the rule I specified (or change it to break-word instead of break-all ). That should not be so difficult?

Comments

7 shown
pepe 2023-06-19T17:02:00+00:00

Hi, that looks like a CSS issue with your theme. Please check that hyphens is set to manual for your relevant selectors.

simonderchefe 2023-06-27T14:08:00+00:00

Hello There; i made the setting as suggested, but still no correct hyphernation in mobileview. Thanks for your help so far – but what could it be? Cheers Simon

simonderchefe 2023-06-27T14:09:00+00:00

https://ibb.co/dm2XK6K

pepe 2023-06-27T17:46:00+00:00

Looks like you problem is this part: @media only screen and (max-width: 768px) .pagelayer-col, .pagelayer-col-holder { word-break: break-all!important; }

pepe 2023-09-06T20:57:00+00:00

Have you been able to fix the issue, @simonderchefe ?

simonderchefe 2023-09-07T13:45:00+00:00

no not really. i had several webdesigners working on it. but the problem is still not solved properly. 🙁

pepe 2023-09-11T20:58:00+00:00

Well, you need to remove the rule I specified (or change it to break-word instead of break-all ). That should not be so difficult?