Bitte immer Live Url, PHP Version, Template Version und Template Name angeben

[GELÖST] Sidebar-Menü schmaler als in der Demo machen

  • HolgerR
  • HolgerRs Avatar Autor
  • Premium Mitglied
  • Premium Mitglied
  • Beiträge: 80
  • Dank erhalten: 1

[GELÖST] Sidebar-Menü schmaler als in der Demo machen wurde erstellt von HolgerR

Posted 2 Jahre 9 Monate her #1
Hallo, ich habe den Header mit Sidebar-Menü gewählt. Das Menü selber ist sehr breit. Mit benutzerdefinierter CSS habe ich es schmaler bekommen:
.astroid-header .astroid-sidebar-content {
width: max-content;
}
.astroid-header.has-sidebar {
width: auto;
}
Leider rutscht der Seiteninhalt nicht nach links nach (siehe Anhang). Leder habe ich bisher nicht gefunden, wie man das lösen kann. Hat jemand eine Idee?
Danke und LG
Holger
von HolgerR

Anhänge:

Bitte Anmelden oder Registrieren um der Konversation beizutreten.

Administrator antwortete auf [GELÖST] Sidebar-Menü schmaler als in der Demo machen

Posted 2 Jahre 9 Monate her #2
Ein Link zum Problem wäre hilfreich!

Bitte Anmelden oder Registrieren um der Konversation beizutreten.

  • HolgerR
  • HolgerRs Avatar Autor
  • Premium Mitglied
  • Premium Mitglied
  • Beiträge: 80
  • Dank erhalten: 1

Bitte Anmelden oder Registrieren um der Konversation beizutreten.

Administrator antwortete auf [GELÖST] Sidebar-Menü schmaler als in der Demo machen

Posted 2 Jahre 9 Monate her #4
Trage das mal in die custom.css
Code:
body.header-sidebar-left { margin-left: 0px; }

Weiß aber nicht, ob sich das woanders noch auswirkt.
Musst du mal testen.
Last Edit:2 Jahre 9 Monate her von Administrator
Letzte Änderung: 2 Jahre 9 Monate her von Administrator.

Bitte Anmelden oder Registrieren um der Konversation beizutreten.

  • HolgerR
  • HolgerRs Avatar Autor
  • Premium Mitglied
  • Premium Mitglied
  • Beiträge: 80
  • Dank erhalten: 1

HolgerR antwortete auf [GELÖST] Sidebar-Menü schmaler als in der Demo machen

Posted 2 Jahre 9 Monate her #5
Danke, aber da ändert sich leider nichts.
Was tatsächlich die Inhalte verschiebt. leider aber das responsive-Design zerstört, ist
.astroid-layout .astroid-wrapper {
margin-left: -120px;
}

Aber so geht es wahrscheinlich ;-)
@media only screen and (min-width: 1200px) {
.astroid-layout .astroid-wrapper {
margin-left: -120px;
}
}
Last Edit:2 Jahre 9 Monate her von HolgerR
Letzte Änderung: 2 Jahre 9 Monate her von HolgerR.

Bitte Anmelden oder Registrieren um der Konversation beizutreten.

Installations-Service

Sparen Sie Zeit, wir installieren ihr gekauftes Joomla Template
mit all den dazugehörigen Extensions und dem "Demo Inhalt" innerhalb der nächsten 24 Stunden
auf einem Server/Webhost ihrer Wahl

Kaufen - 59€

Copyright © 2008 - 2025 Joomlaplates | Professional Joomla Templates

Impressum & Datenschutz | AGB