hyphenation does not work with longer headings on real devices - Forum | JoomShaper
Solved SP Page Builder

hyphenation does not work with longer headings on real devices

Asked by Isabelle Dionisius 4 years ago Last activity 4 years ago

Hi team,

I have 2 questions before I am finally uploading the website:

  1. 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;
}

  1. 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.

Accepted answer

Marked as the solution
Paul Frankowski Senior Staff
4 years ago

if we talk about Bottom already is

info_6044.png

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.

3 more replies

Oldest first Newest first Most helpful
Paul Frankowski Senior Staff
4 years ago

Hi,

  1. Look at the bottom "Browser compatibility": https://developer.mozilla.org/en-US/docs/Web/CSS/hyphens
    It seems to be question to Apple Developers.
  2. I would use this custom CSS lines:
@media only screen and (max-width: 680px) {
#column-id-1633079574242 {text-align: center;}
}
Isabelle Dionisius Asked this
4 years ago

Hi Paul,

thank you. Still, it is not exactly centered.

Isabelle Dionisius Asked this
4 years ago

Wow, that works perfect!!! Thank you so much.

Log in to reply.