Virton : small mobile fixes
gitea/imio-publik-themes/pipeline/head This commit looks good Details

This commit is contained in:
Daniel Muyshond 2024-01-31 12:29:13 +01:00
parent 9d0f5561f2
commit bf46f3cb1a
1 changed files with 21 additions and 0 deletions

View File

@ -15,3 +15,24 @@ div.link-cell.has-asset-picture picture::before {
background: $primary-color;
opacity: 0.1;
}
// Mobile adjustments
// Fix ugly button on mobile (issing radius on bottom left and right)
@media (max-width: $mobile-limit) {
.gru-nav-button {
border-radius: 25px 25px 25px 25px;
}
// Fix overflowingtext blocks on 4 main pictures by reducing the max-width
div.link-cell.has-asset-picture a:not(.asset-link) span {
max-width: 15rem;
}
// Let enough space to the logo
nav.site-nav {
margin-top: 101px;
}
// Fix logo position
#header h1 {
top: 13px;
left: 17px;
}
}