Добрый день!
Есть проблема
Браузер Хром на двух компах
на 1 . компе показывает все красиво в одну строчку
на 2 компе показывает ( см. фото)
Различие двух компов в диагоналях монитора. Где красиво и в одну строчку- монитор больше.
Как так ?

- это нормально (css).
Решения:
1. убрать отображение любой категории в верхнем меню (освободить место).
2. уменьшить шрифт для категорий: в файле /themes/тема/css/modules/blocktopmenu/css/superfish-modified.css
найти правило .sf-menu > li > a и уменьшить шрифт:

3. использовать адаптацию: в файл /themes/тема/css/modules/blocktopmenu/css/superfish-modified.css добавить подобные правила:

При 1 и 2 варианте , остается кусок меню ( смотрится не очень)
Использовала 3 вариант. Но ничего не изменилось. В более маленьком мониторе , все так же пункт меню последний- на второй строчке. ( На большой- так же в 1 строку ровненько и красиво)
Что то еще надо сделать? кэш чистила.

Выше уже писал об этом - необходимо подбирать размеры (относительно разрешения 2ого, малого, экрана изменять font-size и max-width).

А также уточните какой браузер (включая версию) установлен на 2ом компьютере.

Везде хром.
Еще такой момент чем меньше делаю окно сайта тем больше строк появляется ( см. фото)
С одной стороны конечно удобно, что при уменьшении окна - меню модифицируется.
Но подгоняю я его получается идеально только под одну диагональ окна ( монитора)

Версия 42.0.2311.90 m ХРОМ на более меньшем мониторе.

Это нормальное поведение блоков.
С помощью стилей (CSS) можно реализовать любой способ отображения данных.

Простейший способ - использовать правила указанные выше, они выполнят обработку отталкиваясь от условий (размер окна браузера).
проверьте:

Все поняла! Спасибо!