[Cherise]

Hi, I have a concern which I hope you can assist with. With the header media title, it’s 2 peoples names “Maverick & Delmarie” – you enter it in the customiser.

But on some mobile screens it cuts the name in half and displays it as follows:

“Maverick & Del-

marie”

Is there any way I am able to change this? So that it doesn’t cut the name in half.

It can be

“Maverick &

Delmarie”

Or

“Maverick

&

Delmarie”

 

I would only like to change it on mobile screens, it’s fine on the pc.

[sujeet]

Hello @cherise,

Can you please share your site url so that I can send you an exact solution to your issue ?

Thank you.

Regards,
Sujeet

[Cherise]

https://viraltydvandermerwe.co.za/

On my phone it displays right, but not on my clients phone – I assume her screen is a bit bigger.

[sujeet]

Hello @cherise,

I just checked the site.

Firstly, you’ve hide the header media title in mobile view.

Please check the screenshot below, there is no such issue with the header media title – “Maverick & Delmarie”

Can you mention your client’s device name or screenshots ?

Regards,
Sujeet

[Cherise]

Hi, yes I have hidden it for now as it’s not displaying correctly.

Please see screenshot from her device – https://ibb.co/vQRZ7PV

(Not sure how to upload screenshots so hope you can view this one)

[sujeet]

Hello @cherise,

Please try adding the following css code to “Appearance => Customize => Aditional CSS”

.header-media .entry-title {
word-break: keep-all;
}

Please let me know if this worked. Thank you.

Regards,
Sujeet

[Author]

Posts