Seite 1 von 1

Hamburger Menü zentrieren

Verfasst: Mo 6. Dez 2021, 11:04
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

Re: Hamburger Menü zentrieren

Verfasst: Mo 6. Dez 2021, 11:31
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

Re: Hamburger Menü zentrieren

Verfasst: Mo 6. Dez 2021, 11:47
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....

Re: Hamburger Menü zentrieren

Verfasst: Mo 6. Dez 2021, 11:55
von Werner-Zenk.de
Am besten wäre ein Logo, in dem der Vereinsname bereits drinnen ist.
logo.png
logo.png (13.75 KiB) 5560 mal betrachtet
Das Logo ist recht verschwommen und unleserlich!

Re: Hamburger Menü zentrieren

Verfasst: Mo 6. Dez 2021, 12:03
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:

Re: Hamburger Menü zentrieren

Verfasst: Mo 6. Dez 2021, 12:04
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.

Re: Hamburger Menü zentrieren

Verfasst: Mo 6. Dez 2021, 12:53
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.

Re: Hamburger Menü zentrieren

Verfasst: Mo 6. Dez 2021, 13:45
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.

Re: Hamburger Menü zentrieren

Verfasst: Mo 6. Dez 2021, 14:19
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".