Skip to content

Commit 9c58302

Browse files
committed
Fix hamburger menu functionality and remove all animations
- Changed CSS class from 'active' to 'show' - Updated JavaScript to match CSS class - Removed all transition animations from navbar and other elements - Hamburger menu now works properly on mobile
1 parent 9a34ecb commit 9c58302

File tree

2 files changed

+2
-8
lines changed

2 files changed

+2
-8
lines changed

portfolio/themes/basic/layouts/_default/baseof.html

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -37,7 +37,7 @@
3737
<script>
3838
function toggleNav() {
3939
const menu = document.getElementById('nav-menu');
40-
menu.classList.toggle('active');
40+
menu.classList.toggle('show');
4141
}
4242
</script>
4343
</body>

portfolio/themes/basic/static/css/minimal.css

Lines changed: 1 addition & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -68,7 +68,6 @@ a {
6868
color: var(--rust-terracotta);
6969
text-decoration: none;
7070
border-bottom: 1px solid var(--rust-terracotta);
71-
transition: all 0.3s ease;
7271
}
7372

7473
a:hover {
@@ -145,7 +144,6 @@ nav a {
145144
border: none;
146145
font-size: 0.9rem;
147146
letter-spacing: 0.5px;
148-
transition: color 0.3s ease;
149147
}
150148

151149
nav a:hover {
@@ -166,7 +164,7 @@ nav a:hover {
166164
text-align: center;
167165
}
168166

169-
nav ul.active {
167+
nav ul.show {
170168
display: flex;
171169
}
172170
}
@@ -178,7 +176,6 @@ nav a:hover {
178176
margin: 2rem 0;
179177
padding: 1.5rem;
180178
border-radius: 8px;
181-
transition: all 0.3s ease;
182179
}
183180

184181
.project-card:hover {
@@ -212,7 +209,6 @@ input, textarea {
212209
width: 100%;
213210
margin: 0.5rem 0;
214211
border-radius: 4px;
215-
transition: border-color 0.3s ease;
216212
}
217213

218214
input:focus, textarea:focus {
@@ -230,12 +226,10 @@ button {
230226
text-transform: uppercase;
231227
letter-spacing: 1px;
232228
border-radius: 4px;
233-
transition: all 0.3s ease;
234229
}
235230

236231
button:hover {
237232
background: var(--deep-purple);
238-
transform: translateY(-2px);
239233
}
240234

241235
/* Enhanced Emoji Styling */

0 commit comments

Comments
 (0)