Wordpress, Avada theme: Wieso ruckelt mein Menü beim Scrollen?

Hallo,
ich nutze Wordpress erst seit Kurzem und habe einige Probleme beim Seitenbau... Das größte Problem ist das Menü. Meine Webseite hat einen Sticky Header, sodass das Menü beim Scrollen sichtbar bleibt. Leider ruckelt das ganze Menü nach links, sobald runtergescrollt wird.
Wie kann ich das Menü "stabilisieren", sodass es sich nicht bewegt?

1 Antwort

Geldon

14.08.2018, 21:24

Bitte einmal mit link, könnte dir so leichter helfen. Habe keine Lizenz zum avada Theme download und weiß auch nicht welches Layout davon gemeint ist.

Ist es in der Demo der ausgewählten Variante genau so?

Fortunella888

Fragesteller

14.08.2018, 21:46

Danke für die Antwort! Die Seite ist noch nicht öffentlich, deswegen kann ich keinen Link schicken.
Das Menü steht oben rechts und ruckelt einmal im Ganzen nach links, sobald ich scrolle.

Ähnliche Fragen

Sticky Element on WordPress?

Hallo Ihr Lieben!

Ich nutze das Divi Theme und den Divi Builder.
Kennt ihr eine Möglichkeit, wie ich jegliches gewünschtes Objekt / Container, etc. sticky machen kann?

Ich habe bisher das Plugin Sticky Menu (or Anything!) genutzt, aber leider gibt es dort nur die Möglichkeit, EINEM Element den Ausdruck sticky zu geben.

Freue mich sehr über euren Rat!

...zur Frage

Wordpress Menü auf Smartphone/Ipad nicht sichtbar?

Ich benutze bei Wordpress das Sydney Theme. Ich habe allerdings das Problem, dass das Menü auf dem Smartphone und Ipad nicht sichtbar ist?! Kann mir jemand helfen?

...zur Frage

In Minecraft Geheimtür mit Sticky Piston bauen

Hallöchen ihr Lieben!

Ich baue in Minecraft gerade eine Geheimtür, die mit Sticky Pistons betrieben wird. Leider habe ich so gar keine Ahnung, wie ich mit Redstone Schaltkreise bauen kann.

Mein Problem ist, dass ich die Sticky Pistons nicht mit einem Hebel betätigen möchte, sondern mit einem Knopf. Die Hebel finde ich einfach zu auffällig.

Moment ist es so, dass im "Normalzustand" die Sticky Pistons aktiviert sind und den Geheimgang mit Blöcken verdecken. Da habe ich ja einfach mit Redstonefackeln gearbeitet, um das Signal zu invertieren. Wenn ich den Knopf drücke, werden die Sticky Pistons deaktiviert, die Blöcke zurückgezogen und der Geheimgang ist sichtbar.

Soweit so gut, aber die Sticky Pistons sind nicht lang genug deaktivert, um durch den Geheimgang zu gehen. Nach Drücken des Knopfes wird das Ganze nur für einen Bruchteil einer Sekunde geöffnet und danach sofort verdeckt, sprich die Sticky Pistons wieder aktiviert.

Habt ihr eine Idee, wie ich das Ganze verlängern kann, sodass die Pistons lange genug deaktiviert sind, um durch den Gang zu gehen?

Danke im Voraus, liebe Grüße.

...zur Frage

Html Sticky header funktioniert nicht?

Hallo, seit Weile arbeite ich an einer Website, für welche ich jetzt einen Header installiere. Oben ist etwas Content und danach ist eben der Header, der beim Scrollen oben am Rand bleiben soll. Das ist mein Code dazu, ich hoffe jemand kann mir helfen und danke im Vorraus.

------HTML------

<div id="header">
    <img src="bilder/Logo.png" alt="Logo Fliesen"></img>
         <div id="flexbox">
             <nav>
                 <ul class="menu">
                     <div class="flexitem" id="navFlex">
                        <li><a href="index.html">Home</a></li>
                        <li><a href="engagement.html">Unser Engagement</a></li>
                        <li><a href="contact.html">Kontakt</a></li>
                        <li><a href="about.html">Über mich</a></li>
                        <li><a href="referenzen.html">Referenzen</a></li>
                    </div>
                </ul>
            </nav>
       </div>
   <div class="social" class="flexitem"></div>
</div>

-----CSS------

#header {
    height: 80px;
    left: 0;
    right: 0;
    width: 100vw;
    border-bottom: 1px solid #DEDCD9;
    background-color: white;
    display: flex;
    overflow: hidden;
    position: sticky;
}

.sticky {
    position: fixed;
    top: 0;
    width: 100%;
}
  
  .sticky + #bsp {
    padding-top: 60px;
}

------Script-------

<script>window.onscroll = function() {stickyH()};

var navbar = document.getElementById("header");
var sticky = navbar.offsetTop;
function stickyH() {
   if (window.pageYOffset >= sticky) {
       navbar.classList.add("sticky")
        } else {
                navbar.classList.remove("sticky");
              }
            } 
</script>

...zur Frage

Wordpress seitenbeschränkter Zugang zur Vorschau/Freigabe?

Ich habe eine Website mit mehreren Unterseiten im Menü. Ich möchte eine einzelne Seite mit einem Link oder einem eigenen Zugang sichtbar machen (zB. zur Freigabe). Dabei soll nur diese eine Seite sichtbar sein, und nicht zu anderen Seiten gewechselt werden können. Quasi eine Vorschau dieser einen Seite

...zur Frage

Barrierefreiheit Google scroll-top-button?

Wenn ich meine Seite auf pagespeed.web.dev analysiere, wird mir dieses Problem "Schaltflächen haben keinen für Screenreader zugänglichen Namen" unter Barrierefreiheit angezeigt. Dabei geht es darum, dass ich einen scroll-top-button auf der Seite habe. Dieser hat üblicherweise keinen Text und scrollt lediglich bis ganz nach oben. Wie kann ich das Problem beheben, sodass mir das nicht mehr als Fehler bei Google angezeigt wird?

Die Seite ist mit Wordpress erstellt.

Hier der Code dazu:

body.home > div.jupiterx-site > div.jupiterx-corner-buttons > button.jupiterx-scroll-top

...zur Frage

Wordpress Warenkorbsymbol wird nicht angezeigt?

Hallo,

auf meiner Startseite, in der Navigationsleiste wird mir mein Warenkorbsymbol, der "Home" Button, so wie der "Mein Profil" Avatar nicht angezeigt, obwohl das Design schwarz gewählt ist, sodass diese sichtbar sein müssten. Beim Hovern sind sie da und es erscheint die Schrift "Warenkorb" allerdings ist das Symbol nicht sichtbar. Hat jemand eine Idee, woran es liegen könnte?

Danke im Voraus

...zur Frage

Wie bekomme ich bei wordpress den weißen Rand über dem Header weg?

Mal wieder eine Wordpress Frage an der ich nur verzweifle Ich habe eine Wordpress-seite erstellt (twenty eleven Theme) und habe dann das Hintergrundbild geändert, jetzt wo der weiße Hintergrund weg ist wird ein dünner weißer Strich über dem Header Bild Sichtbar. Wie bekomme ich diesen idiotischen Rand, bzw. Strich weg. Wieso ist so ein hässlicher Strich überhaupt im Theme vorgegeben. :D Es ist wirklich dringend und ich bedanke mich für jede Antwort.

Wenn ich was im Stylesheet css ändern muss dann gleich vorweg die Frage dazu:

Wo finde ich bestimmte Stellen im Stylesheet, mit dem Auge suchen geht nicht weil es zu lang ist und cmd F bringt auch nix weil dann nur die stellen gesucht werden die gerade sichtbar sind, aber nicht die stellen für die man runter scrollen muss.

Gruß

...zur Frage

Bei "scroll down" Menü animieren nur mit CSS möglich?

Ist es möglich rein in CSS ein oberes Menü zu animieren, wenn man nach unten scrollt?

Ich habe mit:

position: sticky;
top: 0;

zwar erreicht, dass das obere Menü erst etwas mit nach oben rutscht und dann am oberen Rand stehen bleibt.

Ich würde jedoch gern die Schriftgröße und die Lage in der Position

top: 0;

verändern und animieren. Gibt es da eine Möglichkeit nur in CSS?

...zur Frage

im CSS ein sticky Element auf Bildschirmhöhe?

Ich arbeite gerade an einer Website, wobei ich mit einem CSS-Grid die Bereiche header, nav, footer und main definierte. Mein nav ist dabei auf der rechten Seite des Bildschirms und nimmt 15% der Breite ein. Es sollte sticky sein, da es nur aus 4 Bildern besteht, welche immer zu sehen sein sollten. Dies habe ich schon so. Nun ist das Problem, dass wenn ich scrolle, die Bilder nach oben scrollen, anstatt dort zu bleiben. (Das nav ist so zu sagen zu lang und danach kommt einfach nur noch die Hintergrundfarbe des nav). Wie kann ich machen, dass es eigentlich 100% der Höhe des Bildschirms einnimmt und dann so bleibt?

Seite beim Öffnen

Seite beim bisschen runter scrollen (so sollte es schlussendlich beim weiterscrollen auch sein)

Seite beim noch weiterscrollen

...zur Frage

Vertikales Menü Wordpress?

Hi, ich baue gerade eine Webseite auf, und möchte zusätzlich zu meinem Header mit einer Navigation, ein Vertikales Menü auf der Linken Seite erstellen. Leider finde ich im Internet nirgendswo eine Anleitung wie man das Kostenlos machen kann ohne ohne ein kostenpflichtiges Theme/Plugin zu installieren. Kann mir einer von euch da weiterhelfen ?

MfG

...zur Frage

Phlox Theme Handy-Header?

Hey liebe Gutefrage.net Community ^^

ich habe auf meiner wordpress website das phlox theme. ich habe ein menü für den pc, das tablet und das handy. das für den pc und das tablet funktioniert einwandfrei. der handy header jedoch nicht. das, was angezeigt wird, wenn man das menü auf dem handy öffnet, wird auch auf dem pc links oben auf der startseite angezeigt. woran liegt das?

Wenn ich in Elementor bei der Responsiv-Einstellung den PC auswähle, wird es dort nicht so angezeigt.

...zur Frage

Wordpress Mitgliederbereich

Meine Idee ist folgende:

Ich möchte eine dynamisch Website mit Wordpress realisieren. Diese hat eine eigene Datenbank. Nun möchte ich eine Art Mitgliederbereich einrichten. Also bspw. einen Link auf der Seite, wo sich die zukünftigen Mitglieder anmelden können (ohne jedoch direkt ins Backend von Wordpress zu gelangen). Es soll ein eigenes Menü, bzw. Untermenü entstehen, was nur sichtbar ist, wenn man angemeldet ist. In diesem Mitgliederbereich sollen bspw. ein Chat und Terminabsprachen oder interne Ausschreibungen veröffentlicht werden.

Meine Lösungsansätze:

1) Wordpress MultipleSite: Habe ich schon probiert, jedoch wird dann beim neu erstellen Blog eine weiße Seite angezeigt oder eine unformatierte Seite.

2) Zwei Wordpress-Systeme, zwei Datenbanken. Wobei Das eine Wordpress-System auf den Inhalt des anderen zugreifen kann. Zum Beispiel: Blog1 hat eine Newsseite, die ständig aktualisiert wird, Blog2 hat genau diese Newsseite und kann den Inhalt von Blog1 zugreifen.

Warscheinlich ist 1) einfacher zu verwirklichen. Vllt. kann mir jemand bei diesem Ansatz weiterhelfen. Einen Link gibt es noch nicht.

Jetzt die Frage: Kann mir bitte jemand helfen oder einen anderen Vorschlag unterbreiten?

...zur Frage

Wordpress - Wo kann ich das Hauptmenü bearbeiten (Farben, Eigenschaften)?

Wo kann ich im Wordpress das Header Menü bearbeiten, und zwar, die Farben und Funktionen (aufklappen etc.) der Unterpunkte? Ich finde es einfach nicht mehr..

Zb gehen bei mir die (sehr vielen Beiträge) im Aufklapp Menü dann nach rechts auf, ich hätte aber lieber gerne links.

...zur Frage

Was möchtest Du wissen?

Deine Frage stellen