ну есть несколько техник
начиная от word-wrap, word-break и заканчивая когда таблица обворачивается в див и в мобильной версии этому диву дают overflow-x: auto;
вот еще интересный метод https://stackoverflow.com/questions/9789723/css-te...
Не сильно ясен ваш код, на изображении показано несколько не так
при выводе категории все верно делается запрос вывода всех категорий генерируется селект (в вашем случае скорее всего нужно выбирать те у которых parent_id = 0)
остальные селекты пустые
после того как пользователь выбрал категорию отправляется ajax запрос на сервер c id выбранной категории и формировать данные (json) для второго селекта где parent_id = тому что передал пользователь и отображаете второй селект ну и так далее
Нормальный ноубук может разве что можно озу до 8ГБ установить и для полного счастья ssd винт. И надо учитывать какие этапы веб разработки будут вестись к примеру на убунту мне поначалу не хватала фотошопа а потом привык к гимпу с фотошоповской оболочкой.
А так думаю для начала просто переустановите систему и поставте только необходимые для работы программы
Нормальная у Вас кодировка, utf8_unicode_ci так же подходит для кириллицы. Может что то происходит во время декодирования json или пользуетесь строковыми функциями без приставки mb_
Подключите его первым файлом имеющихся стилей и посмотрите насколько он развалит верстку и шрифты, далее попытаться своими стилями насколько это возможно вернуть сайт в исходное состояние и если это получиться то новый функционал вы можете смело верстать на бутсрапе