Я хочу текст в одну строку, но на мобильный в 2 строки - PullRequest
Новая
       7

Я хочу текст в одну строку, но на мобильный в 2 строки

0 голосов
/ 12 апреля 2020

Поэтому я хотел бы отобразить определенный текст c «Designed by ...» в одной строке, кроме небольших устройств, таких как мобильные устройства. Там я хочу, чтобы этот указанный c текст был во второй строке.

Вот текущий код: 

<div class="Footer__Copyright">
<a href="{{ shop.url }}" class="Footer__StoreName Heading u-h7 Link Link--secondary">Copyright © {{ shop.name }}</a>  

<div class="text">Designed by <a href="https://www.example.com/">EXAMPLE.</a>
</div>
</div>

Изображение 1. Мобильный телефон (как должно быть) Изображение 2. Все над мобильным должно быть в одной строке

Я надеюсь, что кто-нибудь может мне помочь с этим :) Спасибо!

1 Ответ

1 голос
/ 12 апреля 2020

Я добавляю span вместо div, и я использовал css, чтобы оформить его в размерах мобильных телефонов 

@media only screen and (max-width: 600px) {
.span{display: inline;}
}
<div class="Footer__Copyright">
<a href="{{ shop.url }}" class="Footer__StoreName Heading u-h7 Link Link--secondary">Copyright © {{ shop.name }}</a>  

<span class="text">Designed by <a href="https://www.example.com/">EXAMPLE.</a>
</div>
</div>

Дайте мне знать, если это работает для вас:)

...