Jump to content
покупайте без комиссии
Search In
  • More options...
Find results that contain...
Find results in...
  • Sign Up

Хлебные крошки в мобильной версии


Recommended Posts

Добрый день. При просмотре сайта с мобильного, длинное название товара в хлебных крошка выходит за область просмотра. 

scr.jpg.620bba8783b64c54f6e7216592c606f2.jpg

Пробовал text-overflow и аналогичные решения. Результат отсутствует. Прошу помощи.

Edited by mario512
Link to post
Share on other sites
.breadcrumb>li {
    overflow: hidden;
    max-width: 280px;
}

overflow нужно писать родителю и чтоб работал - нужна ширина родителя

нет ширины - нет рамок за которые он выходит

  • +1 1
Link to post
Share on other sites

на самом деле собыка порылась тут
по умолчанию

.breadcrumb > li {

text-shadow: 0 1px 0 #FFF;

padding: 0 20px;

position: relative;

white-space: nowrap;

}

вот этот код и запрещает перенос строк... просто удалите или закоментируйте

 

 white-space: nowrap;
все проще и без костылей
  • +1 2
Link to post
Share on other sites

  • 1 year later...
В 12.06.2018 в 12:20, prived сказал:

.breadcrumb>li {
    overflow: hidden;
    max-width: 280px;
}

overflow нужно писать родителю и чтоб работал - нужна ширина родителя

нет ширины - нет рамок за которые он выходит

А как это сделать? У меня просто такая же проблема возникла, в мобильной версии хлебные крошки выходят за рамки. Что именно изменить в файле? Заранее спасибо

Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
  • Recently Browsing   0 members

    No registered users viewing this page.

×
×
  • Create New...

Important Information

On our site, cookies are used and personal data is processed to improve the user interface. To find out what and what personal data we are processing, please go to the link. If you click "I agree," it means that you understand and accept all the conditions specified in this Privacy Notice.