Прошу помощи

[seon1981]

Здравствуйте уважаемые форумчане. Вопрос таков: кто может подсказать, в мобильной версии сайта ссылка выходит за пределы, как можно исправить?

Заранее благодарю за советы.

[Andrey174]

2 часа назад, seon1981 сказал:

Здравствуйте уважаемые форумчане. Вопрос таков: кто может подсказать, в мобильной версии сайта ссылка выходит за пределы, как можно исправить?

Заранее благодарю за советы.

 

У вас в хлебных крошках слишком длинное наименование товара и не помещаются. Можно их убрать в мобильной версии добавить class hidden-xs в <ul class="breadcrumb">

<ul class="breadcrumb hidden-xs">

в catalog/view/theme/ваш шаблон/template/product.tpl добавить или в CSS Вашего шаблона добавив @media(max-width: 768px) {.breadcrumb {display:none;}}

 

Вариант 2. убрав свойство white-space: nowrap;

755 строка у вас в CSS

.breadcrumb > li {
    padding: 0 10px;
    position: relative;
    white-space: nowrap;
}

 

Змінено 3 червня 2020 користувачем Andrey174

[seon1981]

Почему то 2 вариант не сработал. Но он мне больше нравится!

Змінено 4 червня 2020 користувачем seon1981

[Andrey174]

4 часа назад, seon1981 сказал:

Почему то 2 вариант не сработал. Но он мне больше нравится!

 

Вы не убрали свойство white-space: nowrap;

После изменений Кэш браузера очистите CTR+F5

 

 

 

Змінено 4 червня 2020 користувачем Andrey174

[seon1981]

Ок. Все получилось. Спасибо