eddie/stellaamor.com
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Fix mobile menu

Browse Source
This commit is contained in:
edsea
2025-08-03 03:58:52 +02:00
parent 4a4fa5308e
commit 14b3732039
5 changed files with 87 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

37
rss/css/theme.css
View File

@@ -17,11 +17,14 @@ header {
position: relative;
z-index: 999;
font-family: "Nunito", sans-serif;
background-color: #fff;
}
header .logo {
width: 100px;
display: flex;
z-index: 999;
cursor: pointer;
background-color: #fff;
}
header .logo img {
width: 100%;
@@ -30,6 +33,29 @@ header .logo img {
header nav {
display: flex;
position: relative;
z-index: -1;
}
@media (max-width: 768px) {
header nav {
top: -200%;
display: flex;
flex-direction: column;
position: absolute;
}
header nav.open {
top: 99%;
left: 0;
width: 100%;
transition: all 0.3s;
background-color: #fff;
height: auto;
z-index: -1;
box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.12);
}
header nav.open a {
padding: 7px 10px;
font-size: 16px;
}
}
header nav .menu-item {
color: #000000;
@@ -62,6 +88,16 @@ header nav .menu-item:hover {
header nav .menu-item:hover::after {
transform: scaleX(1);
}
header .mobile-toggler {
background-color: #fff;
border: none;
font-size: 18px;
}
@media (min-width: 769px) {
header .mobile-toggler {
display: none;
}
}
.home-banner {
height: calc(100vh - 55px);
@@ -171,6 +207,7 @@ header nav .menu-item:hover::after {
height: 100%;
z-index: 1;
opacity: 0.1;
width: 100%;
}
}
.home-banner .home-banner-inner .image-wrapper img {

2
rss/css/theme.css.map
View File

@@ -1 +1 @@
{"version":3,"sources":["variables.scss","theme.scss","theme.css"],"names":[],"mappings":"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","file":"theme.css"}
{"version":3,"sources":["variables.scss","theme.scss","theme.css"],"names":[],"mappings":"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","file":"theme.css"}

40
rss/css/theme.scss
View File

@@ -10,11 +10,18 @@ header {
position: relative;
z-index: 999;
font-family: "Nunito", sans-serif;
background-color: #fff;
@media(max-width:768px){
// height: 48px;
}
.logo {
width: 100px;
display: flex;
z-index: 999;
cursor: pointer;
background-color: #fff;
img {
width: 100%;
@@ -25,6 +32,29 @@ header {
nav {
display: flex;
position: relative;
z-index: -1;
@media(max-width:768px){
top: -200%;
display: flex;
flex-direction: column;
position: absolute;
&.open{
top: 99%;
left: 0;
width: 100%;
transition: all 0.3s;
// padding: 5px 10px;
background-color: #fff;
height: auto;
z-index: -1;
box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.12);
a{
padding: 7px 10px;
font-size: 16px;
}
}
}
.menu-item {
color: #000000;
@@ -63,6 +93,15 @@ header {
}
}
}
.mobile-toggler{
background-color: #fff;
border: none;
font-size: 18px;
@media(min-width: 769px){
display: none;
}
}
}
.home-banner {
@@ -178,6 +217,7 @@ header {
height: 100%;
z-index: 1;
opacity: 0.1;
width: 100%;
}
img {

8
rss/js/main.js
View File

@@ -73,4 +73,10 @@ async function removeAlert(){
alert.remove();
}
}
}
}
document.addEventListener('DOMContentLoaded', () =>{
document.getElementById('menu-toggler').addEventListener('pointerdown', () =>{
document.getElementById('mainMenu').classList.toggle('open');
})
});

4
rss/php/includes/header.php
View File

@@ -68,8 +68,8 @@ $pageDescription = htmlspecialchars($pageDescription ?? 'Free dating! Ultimate f
<img src="/rss/img/logo.png" alt="Stella Amor Logo" width="150" height="50">
</a>
</div>
<button class="menu-toggle" aria-label="Toggle navigation">☰</button>
<nav>
<button class="mobile-toggler" aria-label="Toggle navigation" id="menu-toggler">☰</button>
<nav id="mainMenu">
<?php
$currentPage = $_SERVER['REQUEST_URI'];
foreach($menu as $name => $link):