Mobile Darstellung »Weitere Projekte« buggy (Theme Suidobashi)

  • Hallo ihr Lieben,

    auf meiner Seite werden bei manchen Projekt-Seiten die weiteren Projektbilder im Footer-Bereich etwas buggy dargestellt, heißt nicht im Raster (s. Screenshot | http://bjoerngrafik.de/portfolio/2bach/). Ich habe das Template minimal adaptiert, bspw. Tags/Keywords und Titel der Projekte ausgeblendet – könnte es damit zusammenhängen? Ich bin für jede Hilfe sehr dankbar :)

    Außerdem würde ich gern das Menü für die Mobile-Version etwas anpassen (vor allem die Schriftgrößen) – wo finde ich in der Style.css hierfür den richtigen Code-Abschnitt?

    Ich danke euch schon einmal für eure Unterstützung!

    • 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

  • Diese etwas verschobene Darstellung der Bilder liegt wohl an einer CSS Anweisung

    .single-jetpack-portfolio .jetpack-portfolio-shortcode .jetpack-portfolio:nth-of-type(2n+2) {
    margin-right: 0% !important;
    }

    die dafür sorgt, dass bei jedem zweiten Bild der Abstand zum rechten Nachbarn auf '0' gesetzt wird! Wie soll das denn aussehen?

    Für die Schriftgröße im Mobilen Menü könnte man folgendes machen.
    Für alle Einträge

    #site-nav ul li a {
    font-size: 1em;
    }

    und sollte dann für die Untermenüpunkte eine andere font-size gewünscht sein

    #site-nav ul li li a {
    font-size: 0.9em;
    }

    Die [size=8]xx[/SIZE]em Werte natürlich anpassen und die Änderungen nicht in der style.css durchführen, sondern unter Dashboard -> Design -> Customizer -> 'Zusätzliches CSS'

  • Erst einmal vielen Dank!

    Also, so sollte es aussehen:
    [ATTACH=CONFIG]17951[/ATTACH]

    Auf den meisten Seiten funktioniert es auch …

    Die Änderung für das Menü hat sofort geklappt, allerdings wird die Anpassung auch in der Desktop-Auflösung übernommen. Wie kann ich die Schriftgröße nur für das Mobile-Menü ändern?

Jetzt mitmachen!

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