How to stop bolded words splitting on mobile view

Site URL: https://carillon-lobster-xd75.squarespace.com/config/design/custom-css

Hi - got a problem with bolded words splitting onto the next line in mobile view. It's not hyphenating it's splitting. I've got the following code which works but realised I've still got the problem with words that are bolded. (Problem is on my clients phone).

h1, h2, h3, p, {
  hyphens: none;
}

h1, h2, h3, p, {
    overflow-wrap: normal;
}

p, h1, h2, h3 {
  -webkit-hyphens: manual !important;
     -moz-hyphens: manual !important;
      -ms-hyphens: manual !important;
          hyphens: manual !important;
}

Hi,
What is the password of your website?

Best,
Leopold

Hi, it's Acky123

It looks fine on my mobile view but for some reason not on my clients.

Thank you for taking the time 

Kate

Hi,
Please take a screenshot of your problem.

Best,
Leopold 

Screenshots attached. I've just seen it's not just the bolded words.

There's another problem I don't  know how to fix too - client said she has to scroll across the page to see the hamburger in mobile view (screen shot attached).

Hi, 

Was there a solution for your issue  @KateG ? 

On 8/29/2020 at 12:56 AM, KateG said:

Site URL: https://carillon-lobster-xd75.squarespace.com/config/design/custom-css

Hi - got a problem with bolded words splitting onto the next line in mobile view. It's not hyphenating it's splitting. I've got the following code which works but realised I've still got the problem with words that are bolded. (Problem is on my clients phone).

h1, h2, h3, p, {
  hyphens: none;
}

h1, h2, h3, p, {
    overflow-wrap: normal;
}

p, h1, h2, h3 {
  -webkit-hyphens: manual !important;
     -moz-hyphens: manual !important;
      -ms-hyphens: manual !important;
          hyphens: manual !important;
}

Can you share link to page where you have problem? /config is url for site admin