title: Breadcrumb overflow issue in Opencart
body: <p>My product names are very long and they need to stay long.
  When the breadcrumb shows the product page, if the screen is small (for example mobile view) the breadcrumb overflows the layout and it causes the browser not to show the page correctly.</p>
  
  <p>I tried to add <code>&lt;p class="overflow-ellipsis"&gt;</code> and also <code>&lt;p class="overflow-visible"&gt;</code>to the <code>DIV</code> of the product page which did not work, I tried to add <code>text-overflow: ellipsis;</code> and also <code>text-overflow: visible;</code> to the css in breadcrumb section, which also did not work, I also changed the <code>white-space: nowrap;</code> in breadcrumb css to <code>white-space: normal;</code> and it still did not fix the issue.
  Here is a link to one of my pages for example, please make the screen small or see in mobile to replicate the issue.</p>
  
  <p><a href="http://www.nativeamericanwholesale.com/$80-tag-authentic-made-by-charlene-little-navajo-kingman-turquoise-wrap-bracelet" rel="nofollow noreferrer">http://www.nativeamericanwholesale.com/$80-tag-authentic-made-by-charlene-little-navajo-kingman-turquoise-wrap-bracelet</a></p>
  
  <p>I will need the product name to stay in layout (frame) and preferably goes to second line instead of overflowing the page.
  Please note that I do not want to use hidden visibility or anything to cut it out due to SEO issues.</p>