MyStickyMenu Probleme

vivien

Hallo!

bin immernoch am sticky Menu dran und finde keine Lösung.
Habe das Addon MyStickyMenu installiert.

Dann in den Einstellungen von StickyMenu die id des div gegeben elementor-header-primary.
Diese ID habe ich aus dem Quelltext, dort gab es ja viele Möglichkeiten, weil es verschiedene ids gibt, z.B. direkt vom Navi... also elementor-menu.

Aber es hat nichts davon funktioniert.

Oder muss ich erstmal irgendwie den header oder sonst was updaten?
Stickymenu wird doch automatisch implimentiert, oder nicht?

Grüße
vivien

Werbepost

Hallo!

Wenn du gerade an deiner Website arbeitest oder dein aktuelles Hosting überdenkst: Wir betreiben mit NetzLiving eine Hosting-Plattform, die speziell auf Performance, Sicherheit und einfache Verwaltung ausgelegt ist.

✔️ Schnelle Ladezeiten (optimiert für WordPress & Co.)
✔️ Deutsche Server & DSGVO-konform
✔️ Persönlicher Support (kein 0815-Ticket-System)

Mehr erfahren

SirEctor

Welches Plugin genau verwendest du? Hast du es mal mit einer # vor der ID versucht?

vivien

ah, sehr schön... danke!

jetzt hat er mir zwar das Logo weggehauen (bei #elementor-header-primary), aber das Menü geht schon mal mit.

Da sollte ich wohl ne andere id nehmen... ich schau mal, was es da noch zur Auswahl gibt.

vivien

also ich bekomm es nicht hin, dass er den ganzen header mitnimmt... puh. Da gibts so unglaublich viele ids, die mehr oder weniger zu dem Bereich gehören :D und wahrscheinlich gebe ich irgendwelche ein, die nicht bewegt werden können.

SirEctor

Alles kann bewegt werden. Hast du einen Link für uns?

vivien

würde es ungerne veröffentlichen, ist alles noch eine halbe Sache...

Aber hier mal ein Ausschnitt aus dem Code, direkt bei body-Anfang bis zum Menü:

HTML

<div class="elementor elementor-255">
            <div class="elementor-inner">
                <div class="elementor-section-wrap">
                            <section data-id="3aa12c75" class="elementor-element elementor-element-3aa12c75 elementor-section-full_width elementor-section-height-default elementor-section-height-default elementor-section elementor-top-section" data-settings="{&quot;background_background&quot;:&quot;classic&quot;}" data-element_type="section">
                        <div class="elementor-container elementor-column-gap-default">
                <div class="elementor-row">
                <div data-id="3f19aa49" class="elementor-element elementor-element-3f19aa49 elementor-column elementor-col-100 elementor-top-column" data-element_type="column">
            <div class="elementor-column-wrap elementor-element-populated">
                    <div class="elementor-widget-wrap">
                <div data-id="17f0f90b" class="elementor-element elementor-element-17f0f90b elementor-align-center elementor-widget elementor-widget-elementor-branding" data-element_type="elementor-branding.default">
                <div class="elementor-widget-container">
                    
        <div id="elementor-branding" class="elementor-branding">
            <div class="header-title">
            <a href="http://homepage" class="custom-logo-link" rel="home" itemprop="url"><img width="150" height="108" src="http://logo.png" class="custom-logo" alt="logo" itemprop="logo" srcset="" /></a>           
                        </div>
        </div>
                </div>
                </div>
                <div data-id="2413b545" class="elementor-element elementor-element-2413b545 animated fadeIn animated-slow elementor-invisible elementor-widget elementor-widget-heading" data-settings="{&quot;_animation&quot;:&quot;fadeIn&quot;,&quot;_animation_delay&quot;:33}" data-element_type="heading.default">
                <div class="elementor-widget-container">
            <h3 class="elementor-heading-title elementor-size-default">homepage</h3>        </div>
                </div>
                <div data-id="5c4b3288" class="elementor-element elementor-element-5c4b3288 elementor-align-center elementor-widget elementor-widget-default-navmenu" data-element_type="default-navmenu.default">
                <div class="elementor-widget-container">
            <div id="elementor-header-primary" class="elementor-header">            <button id="elementor-menu-toggle" class="elementor-menu-toggle"><i class="fa fa-navicon"></i></button>
            <div id="elementor-menu" class="elementor-menu">
            
                <nav itemtype="http://schema.org/SiteNavigationElement" itemscope="itemscope" id="elementor-navigation" class="elementor-navigation" role="navigation" aria-label="Elementor Menu">

Alles anzeigen

SirEctor

Sorry damit kann ich nichts anfangen. Man muss das Zusammenspiel sehen. Dann musst du weiter probieren.

vivien

also ich habs beim menu gelassen, es klebt jetzt das menu und geht mit.
Das Problem kommt dann bei Smartphones. Weil das menu ja dann als Mehrzeiler dargestellt wird und es nimmt dann fast den halben Bildschirm ein. Jetzt habe ich das auf Smartphones deaktiviert.

Gibts ne Möglichkeit das StickyMenu auf Smartphone irgendwie ganz anders darzustellen? Also deutlich kleiner oder so. Oder gehört es einfach nicht auf Smartphones? :)

SirEctor

Ja die Möglichkeit gibt es. Man kann vieles schon mit CSS machen, für den Rest gibt es jQuery/Javascript.

vivien

JS bin ich nicht so der große Fan von. Aber wie könnte ich das mit CSS umsetzen? also z.B. die Menu-Schrift deutlich kleiner und die höhe des Menus ebenfalls kleiner... wahrscheinlich würde es schon reichen.

SirEctor

Vermutlich würde ich keine float setzen und font-size kleiner.

vivien

aber wie kann ich das so setzen, dass es nur für Smartphones greift und direkt das Menu angeht?

SirEctor

Auch hier gilt das Prinzip der media-query.

Schon mal sowas getestet: https://de.wordpress.org/plugins/responsive-menu/

vivien

das muss ich dann statt dem mystickymenu nehmen, oder?

SirEctor

Nicht anstatt, vermutlich zusätzlich Musst du testen.

vivien

ok, ich probier es aus, danke!

Wie isn das eigentlich mit vielen Plugins? 1. senkt das die Sicherheit, 2. die Geschwindigkeit oder?

SirEctor

Ja richtig.

vivien

oje :) ich glaub, ich hab ganz schön viele.
Aber wenn man die Seite fertig hat, kann man sie ja weitgehend deaktivieren, samt den Elementor, oder?
Dann tragen sie nicht so zu den negativen Aspekten bei.

SirEctor

Elementor wirst du laufen lassen müssen. Darauf baut dein Design auf.

vivien

achso... ok. Dann muss ich schauen, was ich da vielleicht nicht unbedingt brauche.

Willkommen! Melden Sie sich an oder registrieren Sie sich.

MyStickyMenu Probleme

Jetzt mitmachen!