Split website title and show full only on large screens
This commit is contained in:
parent
a50af27f02
commit
bfc50f50bc
3 changed files with 17 additions and 1 deletions
|
@ -112,6 +112,7 @@ page {
|
|||
|
||||
settings {
|
||||
websiteTitle < sitetitle
|
||||
websiteSubTitle = Coding is Art
|
||||
}
|
||||
|
||||
variables {
|
||||
|
|
|
@ -1,6 +1,9 @@
|
|||
<html xmlns:f="http://typo3.org/ns/TYPO3/CMS/Fluid/ViewHelpers"
|
||||
data-namespace-typo3-fluid="true">
|
||||
<header>
|
||||
<a href="/">{settings.websiteTitle}</a>
|
||||
<a href="/">
|
||||
{settings.websiteTitle}
|
||||
<small>- {settings.websiteSubTitle}</small>
|
||||
</a>
|
||||
</header>
|
||||
</html>
|
||||
|
|
|
@ -10,6 +10,18 @@ body > header {
|
|||
font-size: $h1-font-size;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
small {
|
||||
font-size: 1em;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 768px) {
|
||||
body > header {
|
||||
small {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 1439px) {
|
||||
|
|
Loading…
Reference in a new issue