Joomla und Wordpress FAQ, HowTo & Tutorials

Immer wieder taucht ein ähnliches Problem auf beim Erstellen von Templates auf Bootstrap-Basis. Inhalte im Content-Bereich wie beispielsweise Überschriften, Wells und andere Elemente überlappen Dropdowns und die mobile Menü-Ansicht. Das kann sehr ärgerlich sein und viel Zeit kosten um den Fehler zu finden.

Abhängig davon die das Template gelayoutet ist, kann es vorkommen das der Kopfbereich (header) in einer niedrigeren Ebene liegt als der Inhaltsbereich (content / main). Wenn das so ist, dann versteckt der Inhaltsbereich natürlich die Submenüs und Dropdowns aus dem Header. Zu tun ist also nur den Header neu zu positionieren.

/* Das ist ein Beispiel.  Selectors passend zum Template wählen */

#header{

<  position:relative;

  z-index:50;

}

#content{

  position:relative;

  z-index:30;

}