Virton : small mobile fixes
gitea/imio-publik-themes/pipeline/head This commit looks good
Details
gitea/imio-publik-themes/pipeline/head This commit looks good
Details
This commit is contained in:
parent
9d0f5561f2
commit
bf46f3cb1a
|
@ -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;
|
||||
}
|
||||
}
|
||||
|
|
Loading…
Reference in New Issue