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: 81
  • Dank erhalten: 1

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

Posted 2 Jahre 11 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 11 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: 81
  • 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 11 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 11 Monate her von Administrator
Letzte Änderung: 2 Jahre 11 Monate her von Administrator.

Bitte Anmelden oder Registrieren um der Konversation beizutreten.

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

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

Posted 2 Jahre 11 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 11 Monate her von HolgerR
Letzte Änderung: 2 Jahre 11 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