Question

Посмотрите прикрепленные картинки. Помогите изменить ширину верхней страницы на меньше и как туда можно вставить картинку(которая прикреплина в материале) когда заходишь в материал все с пк и адаптивной версии. Как в адаптивной версии вставить иконки с ссылкой в ряд (3 иконки макс), чтобы не по нажатию открывалось меню а сразу иконки с ссылками.

Answer 1

1. Обязательно перейти в Панель управления - Главная - Дизайн - Резервное копирование шаблонов - Создать резервную копию.

2. Перейдите в таблицу стилей CSS, в правом верхнем уголке нажмите кнопку Восстановить стандартный шаблон - Сохранить.

3. Меняем высоту шапки сайта, перейдите в таблицу стилей CSS, ищем строку номер 374:

.header {
    width: 100%;
    min-height: 228px;
    text-align: center;
    background: url('/.s/t/1074/header-red.jpg') no-repeat 50% 0;
    -webkit-background-size: 1600px 100%;
    -moz-background-size: 1600px 100%;
    -o-background-size: 1600px 100%;
    background-size: 1600px 100%;
    position: relative;
}

выделенное красным это и есть текущая высота шапки сайта, меняем под себя.

3. Чтобы вставить фото, в данном случае простого решения нет, так как в глобальном блоке Верхняя часть сайта не работают операторы $IMG_URL1..50$

В данном случае советовал бы в шаблоне страницы комментариев выводить фото отдельно в блоке:

$GLOBAL_AHEADER$

который заменить на:

<header class="header">
<div class="logo-wrap">
 <a class="logo-b" href="$HOME_PAGE_LINK$"><span class="logo-brk">[</span><span class="logo-name"><!-- <logo> -->Мой сайт<!-- </logo> --></span>
 <span class="logo-brk">]</span></a>
</div>

 <nav>
 <!-- <sblock_nmenu> -->
<?if($NMENU_1$)?>
<div class="show-menu">Menu</div>
<div class="vert-menu"><!-- <sblock_nmenu> --><!-- <bc> -->$NMENU_1$<!-- </bc> --><?endif?>
<!-- </sblock_nmenu> --></div>
<!-- </sblock_nmenu> --> 
</nav>

 </header>

и в нужном месте уже выводить свое фото с материала кодом вида:

<?if($IMG_URL1$)?><a href="$IMG_URL1$"><img src="$IMG_URL1$" alt="$TITLE$" /></a><?endif?>

4. За дальнейшей адаптацией и изменением под себя, обращайтесь к фрилансерам - https://upartner.pro/