Mobiles Fullscreen Menü CSS-Anpassungen

Zape · 11. März 2018

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

mb01 · 11. März 2018

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.

#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.

Zape · 16. März 2018

Hey, sorry dass ich mich jetzt erst melde, habs jetzt! Danke

WPDE.org

Mobiles Fullscreen Menü CSS-Anpassungen

Zape Member

mb01 Member

Zape Member

Nützliche Suchen

Mobiles Fullscreen Menü CSS-Anpassungen

Zape Member

mb01 Member

Zape Member