Logo und Navigation zentrieren

  • Liebes Word-Press-Forum,

    wir haben erst ganz neu mit Word-Press angefangen (haben vorher unsere Erfahrungen mit Contao gesammelt...) und stehen leider trotzdem vor einer Reihen von Problemen.

    Wir haben gegoogelt, probiert und auch im im Forum gab es die Themen bereits mit Antworten. Doch auch dies haben wir probiert und es hat nicht geholfen.

    Wir würden bei der Seite http://s556968134.online.de/ gerne das Logo und die Navigation zentrieren, bzw. wünscht das der Kunde so.

    Bei der Navigation haben wir es geschafft, allerdings passt es nun bei der mobilen Ansicht nicht mehr :-(

    Ebenso wäre es toll, wenn der Google Translator ein Stückchen weiter links im Inhaltsbereich wäre (aber trotzdem noch oben rechts angeordnet ist). In der mobilen Ansicht dürfte er auch mittig sein.

    Habt ihr irgendwelche Ideen?

    Vielen Dank vorab.

    • 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

  • Doof wenn der DIV mit dem Logo ein float:left, display:inline und dann noch einen festen margin links und rechts hat. Dann passt das mit dem zentrieren nicht. Also müsst ihr da mal ran.

    Wg. dem Google-Translator müsstet ihr den DIV wohl eher mit in den DIV .row rein nehmen, statt daneben zu setzen.

    [size=10]Bitte immer zuerst die Forensuche nutzen und erst danach Deine Fragen hier im Forum stellen, denn sehr vieles wurde schon mehrfach beantwortet. Bitte dabei auch die Forenregeln beachten.
    Kein Support per PN - Fragen gehören ins Forum.[/SIZE]
    [size=8]Wenn du eine weise Antwort verlangst, musst du vernünftig fragen. (Johann Wolfgang von Goethe)[/SIZE]

  • Danke für den Hinweis mit dem Google-Translator.

    Um das Menü zu zentrieren, haben wir folgendes als custom style angewendet:
    .main_menu {float:none!important}
    .main_menu .sf-menu {margin:0 auto;display:table}

    Um das Logo zu zentrieren sind wir in die header.php:

    <div class="logo grid_6"> -> in 12 geändert
    ...
    </div>

    und

    <div class="grid_6"> -> diesen Block haben wir komplett auskommentiert.
    ...
    </div>

    Dann kam noch folgender Code in die custom styles:
    .logo.grid_12 a img { margin: 0 auto; }

    Das war die Lösung.

Jetzt mitmachen!

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