Question
1
Replies
162
Views
Acel Solutions Pvt Ltd
IN
Posted: November 15, 2021
Last activity: November 17, 2021
Last activity: 17 Nov 2021 4:21 EST
Closed
Unable wrap Menu Item Label
In the Navigation Menu Item enter long text for label.
Use field value. and Wrap or Line break e.g </br> . It is not wrapping. Rather the text </br> is shown in the menu text
***Edited by Moderator: Pooja Gadige to add capability tag***
Posted: 1 year ago
IQZ Systems LLC
US
Hi @KripalS3012,
I did not see any config on the Navigation rule for text wrapping but the text display is controlled by CSS Style. Check the image. One simpler way would be override the nav css class into your custom css file (from the skin rule).
Existing CSS class has following style
{ text-overflow: ellipsis; white-space: nowrap !important; overflow: hidden !important; }
Change it to,
{ text-overflow: ellipsis; white-space: break-spaces !important; overflow: hidden !important; } This would take care for the wrapping text.