Sidebar menu items length

andrewwinkler

I would like the links on the left sidebar to break into the following line instead of being truncated. Please advise how to overwrite my template to make that happen. Thank you.

pavit

andrewwinkler

In this file /templates/ja_wall/css/template.css line 1506 find

#sidebar .categories-module li a {
  border-radius: 3px;
  color: #999;
  display: inline-block;
  line-height: normal;
  max-width: 100px;
  overflow: hidden;
  padding: 2px 5px;
  text-overflow: ellipsis;
  text-transform: uppercase;
  white-space: nowrap;
  box-sizing: border-box;  
  -moz-box-sizing: border-box;  
  -webkit-box-sizing: border-box;
}

Comment the white-space:nowrap code in this way and save it clean your cache and reload page

/*white-space: nowrap;*/

andrewwinkler

Sorry, that made no difference. I tried in a different browser. Still the same. The category still gets truncated instead of wrapping into the next line.

pavit

andrewwinkler

Looking at your website the requested change was not applied

https://prnt.sc/psekyk

Remove it from template.css file as i said above

andrewwinkler

pavit You were right. The editor had failed to overwrite the file. I just did it again with Dreamweaver this time and it is now wrapping the sidebar categories as expected. Many thanks.