updated nav bar for iPhones, updated rss.xml format

diff --git a/Styles/styles.css b/Styles/styles.css
index f10d9e9dd37715630f02ccc89ea09e7bc880afca..ba191f0a26cbd61bdcfdbc8e7fb8bcc372dbcd67 100755 (executable)
--- a/Styles/styles.css
+++ b/Styles/styles.css
@@ -94,6 +94,20 @@ display: block;
 display: block;
 color: white;
 text-align: center;
+text-decoration: none;
+cursor: pointer;
+}
+
+/* Hide the checkbox */
+.dropdown input[type="checkbox"] {
+display: none;
+}
+
+/* Style the label like the dropdown text */
+.dropdown label {
+display: block;
+color: white;
+text-align: center;
 padding: 14px 16px;
 text-decoration: none;
 cursor: pointer;
@@ -108,6 +122,13 @@ z-index: 1;
 top: 100%;
 left: 0;
 border-radius: 0 0 10px 10px;
+list-style-type: none;
+padding: 0;
+}
+
+.dropdown-content li {
+float: none;
+width: 100%;
 }
 
 .dropdown-content a {
@@ -117,21 +138,22 @@ text-decoration: none;
 display: block;
 text-align: left;
 }
-
 .dropdown-content a:hover {
-
 }
-
 .dropdown-content a:last-child {
 border-radius: 0 0 10px 10px;
 }
 
-.dropdown:hover .dropdown-content {
+/* Show dropdown when checkbox is checked */
+.dropdown input[type="checkbox"]:checked ~ .dropdown-content {
 display: block;
 }
 
+/* Keep the hover functionality for desktop */
+.dropdown:hover .dropdown-content {
+display: block;
+}
 .dropdown:hover {
-
 }
 
 /*