From 53d1a0c182c98ae9068ad9a4d3d5e11e785e444e Mon Sep 17 00:00:00 2001 From: Fred Boniface Date: Mon, 10 Oct 2022 21:29:01 +0100 Subject: [PATCH] Responsive menu --- css/styles.css | 16 +++++++++++++++- 1 file changed, 15 insertions(+), 1 deletion(-) diff --git a/css/styles.css b/css/styles.css index fb8aace..cd05ff2 100644 --- a/css/styles.css +++ b/css/styles.css @@ -112,13 +112,27 @@ footer { /* Display menu bar on arger screens */ @media screen and (min-width: 600px) { - /*Hide sidebar button*/ + /*Hide sidebar open/close buttons*/ .inflate {display: none;} + .sidebar .close {display: none;} /*Change Menu Dimensions*/ .sidebar { width: 100%; height: 10px; + padding-top: 30px; + padding-bottom: 15px; + padding-left: 50px; + } + + /* Float links */ + .sidebar a { + float: left; + padding-top: 10px; + } + + .sidebar a:first-child { + margin-left: 30px; } } \ No newline at end of file