Prevent Hyphenation with Eclipse Theme

[Shredmond123]

My site is not live yet however when I preview it on mobile the headings seem to hyphenate. This also seems to happen one of the desktop catalog pages as well. Does anyone know how to prevent this? Thanks!

[solverStaff]

Hello there

I have checked your store is password protected. Please share your password from Online store>Preferences>Password

Regards

Titu

[Shredmond123]

Hi there,

It’s shaylo.

Thanks,

Will

[solverStaff]

Thank you. Can you share a screenshot with red mark for more clear understanding please?

[Shredmond123]

Sure, see below.

Thanks,

Will

[solverStaff]

.content-block-wrapper--heading .banner-content__heading.content-block.content-block--heading {
max-width: unset !important;
}

Please add that CSS in theme.css file

[Shredmond123]

Thanks, that worked on the catalog page but not on the homepage banners and content blocks below. There’s still hyphenation in those areas. Any ideas?

Thanks,

Will

[solverStaff]

.content-block.content-block--heading {
    word-break: keep-all !important;

}

Add this CSS also

[Shredmond123]

Thanks for the help so far, so on the banner its still not fixed and on the content block it seems to cut off the end of the n in personalisation. Any further help would be much appreciated!

[Shredmond123]

Wondering if there’s any solution to this?

Thanks,

Will

[solverStaff]

@media (max-width: 380px) {
.content-block.content-block--heading {
font-size: 38px;
}
}

You can add that css then check if it works

Regards

Titu