Смещение текста лого на мобильных устройствах

  • 1 Ответов
  • 320 Просмотров

0 Пользователей и 1 Гость просматривают эту тему.

*

kirill-juk

  • Осваиваюсь на форуме
  • ***
  • 26
  • 0
На мобильных устройствах слово "автовыкуп" съезжает вниз относительно слова "городской". В чем причина?

Имею код php:
<div class="art-logoslovo">
     <div id="slovo-text" class="art-logoslovo-text">городской</div>
     <div id="slovo-name" class="art-logoslovo-name">автовыкуп</div>
</div>
И код css:
.art-logoslovo
{
  display: block;
  position: absolute;
  right: 700px;
  top: 90px;
  width: 482px;
}

.art-logoslovo-text, .art-logoslovo-text a
{
  text-decoration: none;
  font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;
  font-weight: normal;
  text-align:  right;
  font-size: 15px;
  padding: 0;
  margin: 0;
  margin-right: 95px;
  margin-top: px;
  color: #FFFFFF !important;
}

.art-logoslovo-name, .art-logoslov-name a
{

  font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;
  font-weight: normal;
  text-decoration: none;
  text-align:  right;
  font-size: 15px;
  padding: 0;
  margin: 0;
  margin-right: 10px;
  margin-top: -18.5px;
  color: #00FFFF !important;
}

*

jlend

  • Осваиваюсь на форуме
  • ***
  • 34
  • 3
Причина в размерах экранов и размерах вашей верстке, посмотрите это
Код: css
  right: 700px;
  width: 482px;
тут
Код: css
.art-logoslovo
{
  display: block;
  position: absolute;
  right: 700px;
  top: 90px;
  width: 482px;
}