Responsive div-Tag mit korrektem Seitenverhältnis

Viele Websites nutzen, beispielsweise im Header-Bereich, ein DIV, dem ein background-image zugewiesen wird. Das sieht schön aus, kann jedoch bei Responsive Designs zu Problemen führen.

Bei Responstive Designs passt sich das Seitenlayout dem jeweiligen Gerät an, mit dem die Website betrachtet wird. Die Breite eines DIVs passt sich dabei im Regelfall passend an. Zum Problem kann jedoch die Höhe werden. Um kein abgeschnittenes oder unglücklich platziertes Hintergrundbild zu erhalten, hilft folgender Trick.

[weiterlesen]Responsive div-Tag mit korrektem Seitenverhältnis

Hover-Dropdown-Menü im Genesis-Sample-Theme deaktivieren

Standardmäßig verhält sich das Genesis-Sample-Theme wie folgt:
Bindet man als Hauptmenü oder im rechten Header-Widget-Bereich ein Menü mit Unterseiten ein, dann werden diese automatisch eingeblendet, sofern man über die darüberliegende Seite mit der Maus fährt.

Bei meinem letzten Theme wollte ich dieses Verhalten bewusst unterbinden, die Lösung ist jedoch etwas umständlicher in der Umsetzung.

[weiterlesen]Hover-Dropdown-Menü im Genesis-Sample-Theme deaktivieren