Skip to content

Commit 37d24e2

Browse files
committed
Fix skip link alignment on tiny screens
1 parent 257115d commit 37d24e2

File tree

1 file changed

+24
-2
lines changed

1 file changed

+24
-2
lines changed

themes/CodeMeta-Pyramids/static/css/codemeta.css

Lines changed: 24 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -242,6 +242,28 @@ code{
242242
border-radius: 0 0 0 1em;
243243
}
244244

245-
#skip-to-content:focus{
246-
transform: translateY(0%);
245+
@media only screen and (min-width: 992px) {
246+
247+
#skip-to-content:focus{
248+
transform: translateY(0%);
249+
}
250+
251+
}
252+
253+
@media only screen and (max-width: 991px) {
254+
255+
#skip-to-content{
256+
transform: translateY(-177%);
257+
padding-right: 0px;
258+
}
259+
247260
}
261+
@media only screen and (max-width: 991px) {
262+
263+
#skip-to-content:focus{
264+
transform: translateY(-77%);
265+
margin-right: -15px;
266+
}
267+
268+
}
269+

0 commit comments

Comments
 (0)