Hallo!
ich versuche schon seit einiger eine eigene Navigationsleiste zu entwerfen, nun habe ich den Versuch gestartet diese Seite auch Responsive zu gestalten jedoch werden die media queries einfach nicht "getriggered", also die Medie Queries werden mithilfe des Untersuchen Tools auch nicht angezeigt. Ich habe jedoch die Navigationsleiste auch extern von Admidio entworfen und da funktioniert es einwandfrei...
Damit es funktioniert habe ich in die my_header.php folgende Zeile hinzugefügt:
<meta name="viewport" content="width=device-width, initial-scale=1">
Und in die admidio.css:
@media (max-width: 991px) {
header nav {
display: none !important;
}
}
Jedoch wird die navigationsleiste trotzdem angezeigt..
Hat da jemand schon Erfahrung damit gemacht?
LG
noob
Media Queries
Re: Media Queries
Ich kann im HTML Code kein "<header>" Element finden. Also kann dein Selector "header nav" auch nichts finden. Außerdem gibts auch "nav" nicht. Wenn du auf CSS Klassen selektieren willst musst du ".header .nav" schreiben.
Re: Media Queries
Danke für die Anwort! Ich habe ja bei der my_body_top.php meine Navigationsleiste hinzugefügt (Die Tags "nav" und "header" sind ja semantische Tag-Elemente von HTML5) und diese habe ich in folgender Hierachie aufgebaut:
<header>
<nav>
</nav>
</head>
<div id="page" class=""container-fluid">
.
.
.
Also sollte es doch funktionieren oder nicht?
<header>
<nav>
</nav>
</head>
<div id="page" class=""container-fluid">
.
.
.
Also sollte es doch funktionieren oder nicht?
Re: Media Queries
Ich schätze mal das ist ein Tippfehler:
Ja sollte eigentlich so funktionieren. Kannst du mir mal von deiner Testseite die URL zukommen lassen, dann kann ichs mir live anschauen.
Das solltest du nicht brauchen:
Steht ja schon hier: https://github.com/Admidio/admidio/blob ... e.php#L569
Code: Alles auswählen
<header>
<nav>
</nav>
</head> // <- Tippfehler?
Das solltest du nicht brauchen:
Code: Alles auswählen
<meta name="viewport" content="width=device-width, initial-scale=1">Re: Media Queries
Nochmals danke für die Antwort, dank deinen Hinweis hab ich es dann lösen können! 
Das war nämlich aufgrund meines Tippfehlers.
Ich hätte jedoch noch eine Frage bei der ich einfach Verzweifle, und zwar versuche ich das Mitgliedsbeitragsplugin in der Responsive Ansicht anzuzeigen. Dafür habe ich in der htmlpage.php in der addDefaultMenu() Funktion folgende Zeile hinzugefügt:
$this->menu->addItem('menu_item_Sub1', '/adm_plugins/mitgliedsbeitrag/mitgliedsbeitrag.php', 'Mitgliedsbeitrag', 'dummy.png', 'right', 'menu_item_SOZY','admidio-default-menu-item');
Jedoch funktioniert dies leider so nicht
Hättest du da eine Idee? Woran es liegen könnte?
Das war nämlich aufgrund meines Tippfehlers.
Ich hätte jedoch noch eine Frage bei der ich einfach Verzweifle, und zwar versuche ich das Mitgliedsbeitragsplugin in der Responsive Ansicht anzuzeigen. Dafür habe ich in der htmlpage.php in der addDefaultMenu() Funktion folgende Zeile hinzugefügt:
$this->menu->addItem('menu_item_Sub1', '/adm_plugins/mitgliedsbeitrag/mitgliedsbeitrag.php', 'Mitgliedsbeitrag', 'dummy.png', 'right', 'menu_item_SOZY','admidio-default-menu-item');
Jedoch funktioniert dies leider so nicht
Hättest du da eine Idee? Woran es liegen könnte?
Re: Media Queries
Das Menü in der HtmlPage wird nur auf Smartphones angezeigt. Das richtige Menü ist im Themes Ordner in der my_body_bottom.php, dort musst du es auch hinzufügen.
