Поясните, что вы имеете в виду под предварительной загрузкой ключевых слов? Куда? Кому?
Нету тега preload. Есть тег link с атрибутом preload. Используется для предзагрузки ресурсов, которые понадобятся чуть позже, типа шрифтов, стилей и т.д.
Но обрезается не карточка, а тень от нее, которая в карточку, естественно, не входит. А значит, нужен паддинг. Или доп обертка для для слайда (не очень вариант).
Norum, Я не знаю что за плагин mmenu. И судя по симптомам и не хочу знать.
Я так понимаю, что вы хотите, чтобы при клике на крестик, убирался крестик и возвращался бургер.
В любом случае:
!important лишний.
Самый дурацкий вариант с вашим кодом:
Так и допишите обработчик клика на крестик.
Вариант получше:
Обрабатываете клик по ссылке (лучше, конечно, всё таки кнопки). Одновременно делая 2 функции: ваш плагин и работа с бургеро-крестиком.
Идеальный алгоритм:
Одна кнопка (button).
При клике на нее меняется/добавляется класс, который меняет вид кнопки крестик-бургер.
И одновременно меняет/добавляет класс, который отвечает за открытие/закрытие меню.
Можно даже обойтись одним классом, который вешается на общую обертку кнопки и меню (это может быть header или body).
Нормальный алгоритм:
Если по дизайну никак не получается сделать бургер и крестик одной кнопкой, то пишутся 2 обработчика клика. Один на бургер на открытие меню и второй на крестик на закрытие.
JQ или JS
Если в проекте много где нужен JQ и от него всё равно так просто не избавиться, то пусть остается.
Если вы его притащили только ради меню и карусельки, то пишите на JS.
Как насчет того, чтобы в медиа-запросе не писать ... мол чисто для экранов. А указать ...
Если стили для отображения в браузере и на печати одинаковые, то разумеется нет смысла их повторять.
При печати убирают ненужные фоны и изображения, не дающие дополнительной информации, а также меню, лишние блоки, выделения ссылок и т.д. Какие-то блоки упрощают.
Если вдруг строки 2, то абсолютом или еще проще флексом.
Высчитать паддинг на ширину иконки - ну да, непосильная задача.
Поставить флексами - тоже непосильная.
Я вам еще вчера написала и повторю сегодня.
Используйте плагины для вашего сборщика, которые в итоговом css сгруппируют media и поставят в конец файла.
И к "ключевым словам" не имеет никакого отношения.