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