Hamburger Menü zentrieren

Allgemeine Fragen
scherenschlag
Mitglied (Level 10)
Mitglied (Level 10)
Beiträge: 257
Registriert: Di 15. Dez 2020, 11:46
Wohnort: Dortmund

Hamburger Menü zentrieren

Ungelesener Beitrag von scherenschlag »

Moin.
Ein Menüe nur mit Logo sieht unvollständig aus. Ein Menü ohne Name auch.
Also Logo und Name.
Wenn ich jetzt unser Logo nehme und BSV Fortuna Dortmund 58 als Name,
Dann erscheint der Hamburger auf dem Smartphone links unter dem Logo. Blöd.
Besser wäre rechts daneben oder sogar zentriert drunter.
Nur wie?
https://www.tsad17.de/bsv2022
scherenschlag
MBR 5.9.17
Benutzeravatar
Tommy Herrmann
Site Admin
Site Admin
Beiträge: 5744
Registriert: So 6. Dez 2020, 07:37
Wohnort: Berlin
Kontaktdaten:

Re: Hamburger Menü zentrieren

Ungelesener Beitrag von Tommy Herrmann »

Moin,

na ja - Du kannst halt an dieser Stelle keinen Vereinsnamen in beliebiger Länge schreiben - da reicht der Platz am Handy schlichtweg nicht aus.

Du könntest mal gucken, ob Dir der Name so auch gefällt:


Namen-Umbruch.JPG


Da habe ich eine <br> (break = Umbruch) im "Code Editor" dazwischen gesetzt.

BSV Fortuna<br>Dortmund 58
scherenschlag
Mitglied (Level 10)
Mitglied (Level 10)
Beiträge: 257
Registriert: Di 15. Dez 2020, 11:46
Wohnort: Dortmund

Re: Hamburger Menü zentrieren

Ungelesener Beitrag von scherenschlag »

:kopf:
Das sind diese Momente.
So ist's wunderbar.
<br> Da hätte ich auch eventuell mal selber drauf kommen können.
:bier: Danke Tommy....
scherenschlag
MBR 5.9.17
Benutzeravatar
Werner-Zenk.de
Mitglied (Level 10)
Mitglied (Level 10)
Beiträge: 755
Registriert: Di 8. Dez 2020, 19:42
Wohnort: Bamberg
Kontaktdaten:

Re: Hamburger Menü zentrieren

Ungelesener Beitrag von Werner-Zenk.de »

Am besten wäre ein Logo, in dem der Vereinsname bereits drinnen ist.
logo.png
logo.png (13.75 KiB) 5527 mal betrachtet
Das Logo ist recht verschwommen und unleserlich!
scherenschlag
Mitglied (Level 10)
Mitglied (Level 10)
Beiträge: 257
Registriert: Di 15. Dez 2020, 11:46
Wohnort: Dortmund

Re: Hamburger Menü zentrieren

Ungelesener Beitrag von scherenschlag »

Ah.
Drin geht schlecht. Müsste erst eine Mitgliederversammlung einberufen werden.
Vereinswappen (Logos) darf man nicht so ohne weiteres ändern.
Aber ich werde mal drum rum versuchen.
Gute Idee..... :tu:
scherenschlag
MBR 5.9.17
Benutzeravatar
Tommy Herrmann
Site Admin
Site Admin
Beiträge: 5744
Registriert: So 6. Dez 2020, 07:37
Wohnort: Berlin
Kontaktdaten:

Re: Hamburger Menü zentrieren

Ungelesener Beitrag von Tommy Herrmann »

... ja - Du solltest diese Grafik hier verwenden, natürlich ohne diese riesen freie Fläche drum herum:

bsv.png

https://www.tsad17.de/BSV2022/assets/images/bsv.png

Die Größe wird doch von Mobirise via CSS angepasst. Du könntets bei der Verwendung von "nur" Logo dieses auch etwas größer in der Navi darstellen. Dafür hat Mobirise ein Werkzeug bei den Navi-Tools.
scherenschlag
Mitglied (Level 10)
Mitglied (Level 10)
Beiträge: 257
Registriert: Di 15. Dez 2020, 11:46
Wohnort: Dortmund

Re: Hamburger Menü zentrieren

Ungelesener Beitrag von scherenschlag »

Ok.
Dann hätte ich noch einen.
Ich habe jetzt den Schriftzug unter das Logo gesetzt.
Ist auf dem PC ganz gut zu lesen. Am Smartphone natürlich nicht. Zu klein.
Deswegen habe ich unter die Menüleiste auch nochmal den Vereinsnamen platziert.
Und dieser Block soll jetzt unter dem Menü "kleben" und nicht wegscrollen.
Also das man ihn immer lesen kann.
scherenschlag
MBR 5.9.17
Benutzeravatar
Tommy Herrmann
Site Admin
Site Admin
Beiträge: 5744
Registriert: So 6. Dez 2020, 07:37
Wohnort: Berlin
Kontaktdaten:

Re: Hamburger Menü zentrieren

Ungelesener Beitrag von Tommy Herrmann »

Hallo,

also ich finde das persönlich nicht so toll (war vorher besser) - das hat auch seine Gründe:

1) Am Handy ist die Schrift unter dem Logo zu klein und unlesbar - auch am Handy sollte niemals etwas unlesbar werden

2) Der zweite Schriftzug darunter ist dann "doppelt gemoppelt" und unlogisch

3) Der zweite Schriftzug nimmt vollkommen überflüssig jede Menge Platz am Handy wenn Du diesen fixierst.


Wie man einen solchen Block "sticky" machen kann beschreibe ich hier:

https://www.mobirise-tutorials.com/Port ... Modal.html

Du verwendest also die Bootstrap

class="sticky-top"

zusätzlich am <section> Tag, also so:

<section data-bs-version="5.1" class="content5 cid-sQOrkwXGPG sticky-top" id="content5-4o">

Achtung: Die Auswirkung kannst Du bei dieser Class nicht in der Seitenansicht von Mobirise sehen. Du musst daher zunächst - zumindest lokal - publizieren.
scherenschlag
Mitglied (Level 10)
Mitglied (Level 10)
Beiträge: 257
Registriert: Di 15. Dez 2020, 11:46
Wohnort: Dortmund

Re: Hamburger Menü zentrieren

Ungelesener Beitrag von scherenschlag »

Ich weiß. Ich weiß.
Die Seite kommt erst nächstes Jahr zum tragen. Ich probiere nur rum.
Das eine ist zu klein. (Hatte ich ja geschrieben.) Und das andere nimmt Platz weg. Logisch.
Ich mache die ganze Sache mal anders herum. Name in die Menüleiste. Und Logo darunter.
Und das kann dann ruhig "verschwinden".
scherenschlag
MBR 5.9.17
Antworten

Wer ist online?

Mitglieder in diesem Forum: 0 Mitglieder und 22 Gäste