hide long title on mobile

This commit is contained in:
j 2021-10-12 10:41:57 +01:00
parent b4acb076fd
commit 51fc61be23
2 changed files with 8 additions and 2 deletions

View file

@ -29,3 +29,9 @@ nav {
color: #fff;
}
}
@media screen and (max-width: 799px) {
.hide-mobile {
display: none;
}
}

View file

@ -5,7 +5,7 @@
<meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover">
<title>
{% block title %}
Phantas.ma/polis 2021 Asian Art Biennial
Phantas.ma/polis - Looking Back to the Future
{% endblock title %}
</title>
<link href="{% sass_src 'css/style.scss' %}" rel="stylesheet" type="text/css">
@ -14,7 +14,7 @@
<body>
<div class="topnav">
<a href="/polis" class="active">
Phantas.ma/polis: Looking Back to the Future
Phantas.ma/polis<span class="hide-mobile">: Looking Back to the Future</span>
<br>
未竟之城:回顧未來
</a>