Widget Title Cut Off On Mobile Device

[tylerdurdenphi]

I have noticed that my widget titles are being cut off and not wrapped when viewing on a mobile device. Any thoughts? Thank you.

[laranz – SUPPORT]

Hi,

Can you show a marked screenshot about this issue? also a page’s URL where I can check this problem in live.

Let us know,

Thanks,
laranz.

[tylerdurdenphi]

See attached for the marked screenshot. Was viewed on an iPhone (go-preview.com). I did drop in an H1 tag into the widget title field.

Attachments:

You must be logged in to view attached files.

[laranz – SUPPORT]

Hi,

In widget title of the Text block in the page builder did you put the H1 tag? Can you try remove the H1 tag and put just the text and see how it displays on the mobile??

Let us know,

Thanks,
laranz.

[tylerdurdenphi]

When the H1 tags are removed it still displays “…” instead of wrapping the the title.

For instance: http://go-preview.com/testimonials/

You cannot tell what the first widget title says on mobile.

Thanks.

[laranz – SUPPORT]

Hi,

Put this in the Custom CSS.

h4.spb-heading, h3.spb-heading, h4.lined-heading, .gform_heading h3 { white-space: normal; }

Let us know,

Thanks,
laranz.

[tylerdurdenphi]

Worked with no issues thus far, thank you.

[Kyle – SUPPORT]

Great 🙂

– Kyle