Mobiles Fullscreen Menü CSS-Anpassungen

    Hey Forum,

    Ich fange grad' an mich etwas mehr mit CSS auseinanderzusetzen... Gerade bin ich dabei das Fullscreen Menü von OceanWP auf der Handyversion anzupassen, weil da ohne CSS recht wenig geht. Ich suche mir mit Firebug den Code raus und kopiere ihn zu "Additional CSS/JS" beim Theme-Customizer.

    Bisher bin ich mit dem Menü ziemlich zufrieden, aber ich würde gerne noch die Position vom X zum schließen des Menüs in der mobilen Version mehr nach innen "schieben", also sodass es nicht so am Bildschirmrand liegt. Sieht meiner Meinung nach kacke aus wenn man das Menü nicht ganu da schließt, wo mans geöffnet hat. Ich hoffe ihr wisst was ich meine.

    Außerdem würde ich das Menü gerne nur am Handy angezeigt haben, weil ich am PC ein Theme-unabhängiges Menü mit Elementor erstellt habe habe.


    Website: awaque.de/mobile-menu

    Vielen Dank im Vorraus

    • Gerade eben
    • Anzeige

    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

    Du hast irgendwie Probleme mit den Umlauten in deinem Beitrag, das ist etwas unschön zu lesen ;)
    Du kannst die Position, bzw. den äußeren Abstand des "X"-Buttons mit CSS überschreiben. So z.B.
    [FONT=Consolas]

    [/FONT]
    #mobile-fullscreen a.close .close-icon-wrap {
    margin-right: 0; /* vorher 10px */
    margin-top: 20px; /* vorher 15px */
    }

    Mit dem Menü bin ich mir nicht sicher was du meinst?! Das responsive Menü wird abhängig von der Bildschirmgröße / Auflösung angezeigt und nicht abhängig davon was für ein Gerät du hast. Ob du eine geringe Auflösung auf einem Monitor oder einem iPad hast, ist doch egal, hauptsache das wird optimiert für die geringe Auflösung angezeigt.

Jetzt mitmachen!

Sie haben noch kein Benutzerkonto auf unserer Seite? Registrieren Sie sich kostenlos und nehmen Sie an unserer Community teil!

Benutzerkonto erstellen Anmelden