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

[GELÖST] Mega Menü Dropdown-Ausrichtung "Container" Hintergrund in voller Breite

  • smedia
  • smedias Avatar Autor
  • Neues Mitglied
  • Neues Mitglied
  • Beiträge: 7
  • Dank erhalten: 0
Hallo,
ich versuche ein MegaMenü in Containerbreite (1200px) anzulegen, wobei der Hinterrund aber in voller Breite dargestellt wird. Es gibt in den Mega-Menü-Optionen die Möglichkeit: Dropdown-Ausrichtung -> Container UND Dropdown-Ausrichtung -> Voll
In beigefügter Grafik sind beide Darstellungen aufgeführt, die dritte Grafik zeigt wie das MegaMenü aussehen soll.
Ich habe schon verzweifelt versucht über CSS die Klasse .megamenu-container zu beeinflussen, aber die Containerbreite wird je nach Browserfensterbreite neu berechnet, sodass mein CSS nicht zum Erfolg führte.
Hat jemand eine Idee, wie man dies lösen könnte?
Besten Dank im Voraus.
von smedia

Anhänge:

Bitte Anmelden oder Registrieren um der Konversation beizutreten.

Hallo,
sorry verstehe ich nicht trotz schöner Grafik.
Containerbreite = Breite des templates ( Astroid settings > Basic)
Volle Breite = volle Breite

Eine andere Einstellung gibt es nicht, entweder die Template Breite oder die volle Breite.

Bitte Anmelden oder Registrieren um der Konversation beizutreten.

  • smedia
  • smedias Avatar Autor
  • Neues Mitglied
  • Neues Mitglied
  • Beiträge: 7
  • Dank erhalten: 0
Das Problem ist, dass bei der vollen Breite die Menüpunkte auch bis außen über die Breite von 1200 Pixel reichen. Ich versuche die Menüpunkte im Container (1200px) zu halten, aber den Hintergrund (hier dunkelblau) auf voller Breite darzustellen, so wie es in der untersten Grafik mit den zwei ? dargestellt ist.
Vieleicht gibt es ja eine Möglichkeit per CSS.
von smedia

Bitte Anmelden oder Registrieren um der Konversation beizutreten.

Ich versuche die Menüpunkte im Container (1200px) zu halten, aber den Hintergrund (hier dunkelblau) auf voller Breite darzustellen, so wie es in der untersten Grafik mit den zwei ? dargestellt ist.

Das geht nicht, sorry!

Bitte Anmelden oder Registrieren um der Konversation beizutreten.

  • smedia
  • smedias Avatar Autor
  • Neues Mitglied
  • Neues Mitglied
  • Beiträge: 7
  • Dank erhalten: 0
Mein Ansatz den Container .megamenu-container zu beeinflussen war nicht zielführend. Man kann einfach den folgenden Container .row ansprechen.
Mit folgendem CSS und der Dropdown-Ausrichtung "Voll" hat es geklappt:
Code:
.has-megamenu .megamenu-container {background-color:#CAFFDF;} @media (min-width: 1200px) { .has-megamenu .megamenu-container .row { background-color:#84FFB5; width: 1200px !important; margin: auto !important; } }
Danke trotzdem an das joomlaplates-Team für die stätigen Mühen uns weiter zu helfen.
Last Edit:2 Jahre 5 Monate her von smedia
Letzte Änderung: 2 Jahre 5 Monate her von smedia.

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