Control width of Offcanvas in Shaper Helixultimate Topic is solved

[ibexweb]

I'm totally new to using Joomla but I've put together an initial site which uses the Shaper Helix Ultimate template.

There is a string of text for the opening hours which is specified in the Contact Info in the basic config for the template. This information appears in the top line of the page and in the off-canvas menu.

When the off-canvas opens this string is truncated. I would like to make the off-canvas wider or alternatively to force the text to wrap. I have tried putting a <br> in the text itself when I enter it and that causes a break in the off-canvas but it's untidy. It also causes a break in the top line which then doubles the height of that line, and I'd like to avoid that.

Is this something I can do in the config or do I need to write some code? Sadly I am not a coder.

You can see the interim page here https://staging.northernwoodturners.org.au/index.php

[pablop76]

You're set white-space: nowrap; for "sp-contact-info li".

Use devtools and check

[ibexweb]

Yep. I think I've found the section you're talking about and it's set to "white-space:pre-wrap"

I haven't found anywhere that I have specified that in the config - do you know if that's something I can configure in the template or do I need to write some code for it?

[pablop76]

Overwrite your own value white-space: normal;
custom code css

[ibexweb]

Overwrite your own value white-space: normal;
custom code css

Thanks for your help - I was cautious to make sure I was making the change in the right place, and it seems to have worked without changing anything else.

I searched through the Helix css files for that string and it only occurred in one place so I was confident changing it wouldn't affect anything else. I added this line to the custom css for the template as a whole and it's working nicely now.
.sp-contact-info li{white-space:normal}