special user css

Elena
29 января 2021
1

Добрый день. Для сайта на теме special сделали пользовательский блок и добавили его на сайт. 
http://test.smplat.ru/ - меню каталога под главным баннером. Редактировать блок удается в блоке user.css
Однако настойки для мобильной версии в этом блоке прописать не получается. Необходимо в мобильных версиях прятать этот каталог. 
Куда добавить эти настройки?

1 ответ
  • Владимир Сергеев
    Разработчик
    Решение
    29 января 2021 18:11

    Здравствуйте, Елена! 

    Не совсем понимаю при чём здесь блок user.css.
    Как будет называться блок, который вы сами вставляете на сайт – не важно. 

    Блок special.user_css если есть, то выводится в теге <head> –> <style> и добавляет на сайт пользовательские css стили. 
    Подробнее, о том как создать этот блок, читайте в этой инструкции.

    Этот блок предназначен только для css кода, и никакого другого (ни html, ни js).

    Теперь что касается ваших категорий. 
    На сколько я понял, вы добавили туда таблицу с категориями.

    Если так, то таблице нужно присвоить класс, чтобы можно было её в css как-то идентифицировать.
    Добавьте, например, класс custom_home_cats

    В коде это должно выглядеть так:

    Если у вас там код начинается со строки:

    <div class="uk-padding-horizontal-small uk-container uk-position-relative uk-category" style="margin-top:40px;">

    То класс нужно добавить этой строке:

    <div class="custom_home_cats uk-padding-horizontal-small uk-container uk-position-relative uk-category" style="margin-top:40px;">
    

     

    Затем идёте в блок special.user_css и прописываете там правило для скрытия тега с классом custom_home_cats на узких экранах:

    @media (max-width: 767px) {
        .custom_home_cats { display:none; }
    }

Добавить ответ
Чтобы добавить комментарий, зарегистрируйтесь или войдите
Мы получаем и обрабатываем персональные данные посетителей нашего сайта в соответствии с официальной политикой.
Если Вы продолжите использовать сайт, мы будем считать, что Вас это устраивает.
Подписывайтесь и получайте скидки!

Узнавайте первым о скидках и специальных предложениях!