From ccfe0d84059b4da1c591ec86ba79cc56e7b25a54 Mon Sep 17 00:00:00 2001 From: Sadeep Madurange Date: Thu, 4 Dec 2025 19:59:58 +0800 Subject: Fix navbar on firefox mobile. --- _site/assets/css/main.css | 6 ++++++ _site/assets/css/skeleton.css | 31 ------------------------------- 2 files changed, 6 insertions(+), 31 deletions(-) (limited to '_site/assets/css') diff --git a/_site/assets/css/main.css b/_site/assets/css/main.css index b215297..af39fbc 100644 --- a/_site/assets/css/main.css +++ b/_site/assets/css/main.css @@ -84,6 +84,12 @@ td { text-decoration: none; } +#nav-container { + /* override .container's right padding + to prevent wrapping on firefox mobile */ + padding: 0; +} + .author { font-size: 1.3em; padding-top: 20px; diff --git a/_site/assets/css/skeleton.css b/_site/assets/css/skeleton.css index f50b2f7..c1f6ac8 100644 --- a/_site/assets/css/skeleton.css +++ b/_site/assets/css/skeleton.css @@ -357,12 +357,6 @@ form { .u-pull-left { float: left; } - -/* Misc -–––––––––––––––––––––––––––––––––––––––––––––––––– */ - - - /* Clearing –––––––––––––––––––––––––––––––––––––––––––––––––– */ @@ -374,28 +368,3 @@ form { display: table; clear: both; } - -/* Media Queries -–––––––––––––––––––––––––––––––––––––––––––––––––– */ -/* -Note: The best way to structure the use of media queries is to create the queries -near the relevant code. For example, if you wanted to change the styles for buttons -on small devices, paste the mobile query code up in the buttons section and style it -there. -*/ - - -/* Larger than mobile */ -@media (min-width: 400px) {} - -/* Larger than phablet (also point when grid becomes active) */ -@media (min-width: 550px) {} - -/* Larger than tablet */ -@media (min-width: 750px) {} - -/* Larger than desktop */ -@media (min-width: 1000px) {} - -/* Larger than Desktop HD */ -@media (min-width: 1200px) {} -- cgit v1.2.3