Оптимизация H1 для мобильных устройств

[KiraA 0]

Как оптимизировать заголовок Н1, чтобы он, при просмотре с мобильного телефона, не уползал сильно вправо?

[support 447]

10 час назад, KiraA сказал:

Как оптимизировать заголовок Н1, чтобы он, при просмотре с мобильного телефона, не уползал сильно вправо?

Ничего никуда не уползает по умолчанию.

Может длинные названия слишком у товаров?!

Покажите пример, что Вы имеете в виду под уползанием.

[KiraA 0]

Это не в товарах. Это в самом верху страницы.

[support 447]

22 минуты назад, KiraA сказал:

Это не в товарах. Это в самом верху страницы.

Я Вам уже говорил, что неправильно использовать картинки с текстом.

Но раз используете, тогда хотя бы добавьте трибут class к картинке, что б она была адаптивной и сжималась под размер экрана, тогда, по идее, всё влазить будет.

т.е. нужно Вам поменять:

<img src="/img/zagolovok2.jpg" />

на:

<img src="/img/zagolovok2.jpg" class="img-responsive" />

В Админке - ОФормление - Шаблоны - Основной шаблон.

[KiraA 0]

Да, сделала, теперь H1 адаптивный. У меня немного раньше был текст, но он тоже уползал. Поэтому я и выбрала уползающую, но картинку. Пока оставлю картинку. Спасибо. Вы нереально много помогаете!

[support 447]

Не за что

[KiraA 0]

Сегодня посмотрела в validator.w3.org, да, пугающие строчки:  Empty heading

</div>
  <h1><img src="{base_path}/img/картинка.jpg" class="img-responsive"/></h1>
     </div>

А надо сюда добавлять alt=" "  ?

Менять шаблон я не буду, текстом писать H1 - некрасиво. Можно что-то сделать, чтобы и картинка осталась и H1 существовал?

[support 447]

9 часов назад, KiraA сказал:

Сегодня посмотрела в validator.w3.org, да, пугающие строчки:  Empty heading

</div>
  <h1><img src="{base_path}/img/картинка.jpg" class="img-responsive"/></h1>
     </div>

А надо сюда добавлять alt=" "  ?

Менять шаблон я не буду, текстом писать H1 - некрасиво. Можно что-то сделать, чтобы и картинка осталась и H1 существовал?

Нельзя внутри h1 использовать картинку, H1 - для текста.

Раз не можете нормально сделать - оставляйте как есть.