Beim Sticky Menü kann ich keine Abstände definieren, Hamburger-Sysmbol - Abstand oben und unten, wenn ich runterscrolle.
Wenn es statisch oben ist, sind die Abstände korrekt (oben und unten 50 px), aber nicht wenn ich den Content runterscrolle. Die test.prax.ch/media/templates/site/tp_ult...baf38b07bafffc84e17d überschreibt alles.

Auch eine custom.css bringt nichts:astroid-header-section .astroid-header-sticky > div {padding-top: 50px;padding-bottom: 50px;}
Testseite: test.prax.ch/index.php/home/beitrag-2

Siehe Foto.

Funktioniert tadelos:

.astroid-header-section .astroid-header-sticky > div {
padding-top: 50px;
padding-bottom: 50px;
}

CSS Codes sollten Sie nur in den Template-Oprionen bei Benutzer CSS verwenden und nicht in der custom.css.

Im rechten Bild ist aber der Abstand nicht 50px.

Also bei funktioniert der Code aus #2 auch in der custom.css:

 

Sie müssen schon den Browser Cache löschen um das Ergebnis zu sehen.

"Sie müssen schon den Browser Cache löschen um das Ergebnis zu sehen. "

Das mache ich immer. Ich habe bei jedem Browser den Cache geleert, Joomla und Asteroid auch.
Am Film sieht man es gut, wenn ich runterscrolle wird das Feld "Hamburger-Menü" klein ohne die Abstände.

Siehe Video:  test.prax.ch/images/Bildschirmaufnahme%2...%20um%2009.40.43.mp4