line break at first space in category name

where and how to add line break in category name. I would like the category name output to break at the first space it encounters. Anyone know how to achieve this? thanks.

azafnop wrote:

For the first space line breaks need some customization or you can handle it using jquey.

Alternate way is to use HTML tag instead of space.

For example: Computers <br> This is by Divyang

Go to Nop.Web > Views > Catalog > TopMenu.cshtml

And change this line:

 <a href="@Url.RouteUrl("Category", new { SeName = category.SeName })">@category.Name

To

<a href="@Url.RouteUrl("Category", new { SeName = category.SeName })">@Html.Raw(category.Name)

Hope this helps!

thanks for the response although
<a href="@Url.RouteUrl("Category", new { SeName = category.SeName })">@Html.Raw(category.Name)
did not work.

azafnop wrote:

Okay, can you please let me know what you have set your category name?

Hi,

I am looking for the same solution on my site.  I need the category names in my top navigation to display over two lines.

I tried replacing what you said in the Top Menu CSHTML file, but that did not do anything.

Please advise if there is another way to do this.

Thanks
Lena

Lena Raman wrote:

Hi Lena,

Please provide proper information with code change and mention if you're using any third party plugin or theme.
I've tested it in default theme, and it's working fine!

Hi,

I replaced <a href="@Url.RouteUrl("Category", new { SeName = category.SeName })">@category.Name

with

<a href="@Url.RouteUrl("Category", new { SeName = category.SeName })">@Html.Raw(category.Name)

I am using a template with plugins (Lighthouse Theme from nop Templates).  there are a few plugins that I am using as well.

Will that solution not work if I am using third party themes and plugins?

Thanks
Lena

Upper solution doesn't work with first space!
It's working with HTML tag, if you want to display category name, you need to write category name with <br> tag.

For instance:  

Apple <br> Computers

Will display:
  
Apple
Computers

Lena Raman wrote:

If they override TopMenu.cshtml page.