Wrap Category Labels In Menu

Developers Frontend
1

Hi all,

I'm using the Energot theme on this WIP website - http://staging.areasafe.com.au

As you can see, the category labels are long and results in them rolling over to a new line.

How can I wrap each label with a character limit so it read more like this for example:

Car Park &

Property Protection

2

You can try to add the following code to the CSS section of the Theme editor

.ty-menu__items a.ty-menu__item-link {
    max-width: 160px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

http://prntscr.com/dxygyc

3

Thanks for that.

This is good, although I made a few mods to suit more how I wanted it, because truncated is no good -

.ty-menu__items a.ty-menu__item-link {

max-width: 170px;

text-overflow: ellipsis;

overflow: hidden;

white-space: normal;

text-align: center;

}

Now it would just be good to have a vertical line dividing them.
4

We were glad to help you!