This thread is over two years old and may be outdated. Please create a new thread if you need help, or email us if you have an active Premium license.

Header breaks in the middle of a word on mobile

Resolved 4 replies customizationthemetheme-unwind
sven s
8 years ago · Last reply by sven s 8 years ago

Hello,

I am having an issue with my header breaking at the wrong position on mobile devices while using the Unwind theme.

The text is appearing as:

Simple Pa
ge

I would like for the header to either read:

Simple Page

or

Simple
Page

Thank you for your help!

This is our free support forum. Replies can take several days.

Need fast email support? Get SiteOrigin Premium

Replies

4
  1. Alex S Staff 8 years, 4 months ago

    Hi Sven,

    Do you have a public URL where we can take a look at what’s going on?

  2. Alex S Staff 8 years, 4 months ago

    Hi Sven,

    You can change this with some custom CSS. If you navigate to AppearanceCustom CSS, you’ll get our custom CSS editor. Add the following code.

    #masthead .site-branding .site-title {
	word-break: break-all;
	word-break: break-word;
}

    You might also need to install the SiteOrigin CSS Editor.

  3. sven s 8 years, 4 months ago

    I installed the program and your CSS code worked perfectly!

    Thank you!!

Replies on this thread are closed.

Please create a new thread if you have a question, or purchase a SiteOrigin Premium license if you need one-on-one email support.

Have a different question or issue?

Start New Thread