Hyphenation does Not Work With Longer Headings On Real Devices
ID
Isabelle Dionisius
Hi team,
I have 2 questions before I am finally uploading the website:
- The hyphenation does not work on my iPhone test devices. It appears with some headers, that those overlap to the edges instead of going into the next line. The hyphenation works in the virtual simulator devices, but it won't work on the real iPhone 7 and iPhone SE. In order to use hyphenation I put into my custom. css the command:
h2 {
hyphens: auto;
}
body { hyphens: auto; }
- My footer exists of 2 modules. When it comes to a smaller view the second module is not centered (although I put in the command into helix/layout to set up footer with the class:
text-center text-lg-end
Thanks so much for your help in advance. I am submitting my credentials in the hidden content.
4 Answers
Order by
Oldest
Paul Frankowski
Accepted Answerif we talk about Bottom already is
About Footer2
Add also this
@media only screen and (max-width: 680px) {
#mod-custom114 > div {
text-align: center !important;}
}It's becuase you used text-align: right for div there.
Paul Frankowski
Accepted AnswerHi,
- Look at the bottom "Browser compatibility": https://developer.mozilla.org/en-US/docs/Web/CSS/hyphens
It seems to be question to Apple Developers. - I would use this custom CSS lines:
@media only screen and (max-width: 680px) {
#column-id-1633079574242 {text-align: center;}
}