[SOLVED] Listview item-title overflow

Hi. If an item title in list-view doesn’t fit page, three dots appears end of line. I want to allow item title flow the second line.
I put following line but nothing change
overflow: visible;

Post for css?

white-space: auto;

.productlist div{
overflow: visible;

style for list or li?
i don’t see.

.productlist is class name of list-view

Would you show some codes for me?

This is html code

<div id="listRayon" class="list media-list productlist">
        {{#each data.resultDataRayon}}
                <a href="/category/{{catId}}/{{catName}}/{{market}}/" class="item-link item-content">
                    <div class="item-media"><img src="{{catImg}}" width="60"/></div>
                    <div class="item-inner">
                        <div class="item-title-row">
                            <div class="item-title">{{catName}}</div>
                            <div class="item-after"><span class="badge bg-color-green">{{productCount}}</span></div>

This is css code
.productlist div{
overflow: visible;

Ok,i see.


I have just tried but it didn’t work.

I removed “item-title” class from “div”. It has worked.