Seite 1 von 1

Menüabschluss mit dünnen Strich ...

Verfasst: Mi 7. Jul 2021, 17:40
von inno
Hallo, wie kann ich im Menü beim Theme MEDICAL M4 einen dünnen Strich als sichtbare Grenze beim Scrollen einbauen.
So wie der dünne graue Strich als Abgrenzung zwischen Icons und Menü.
Vielen Dank und Grüße

Re: Menüabschluss mit dünnen Strich ...

Verfasst: Mi 7. Jul 2021, 18:29
von Tommy Herrmann
... ich habe jetzt dieses Thema nicht installiert und will mal raten.

Du kannst immer einen dünnen Strich als "border" darstellen, wie z.B. hier unter der Navi:

https://www.mobirise-tutorials.com/Testseiten/

Code: Alles auswählen

border-bottom: 2px solid #fff;
... im Screenshot im Bereich "CSS Editor" markiert:

border.JPG

Re: Menüabschluss mit dünnen Strich ...

Verfasst: Mi 7. Jul 2021, 19:52
von inno
Super! Versuche ich morgen gleich!
Danke!

Re: Menüabschluss mit dünnen Strich ...

Verfasst: Do 8. Jul 2021, 10:57
von inno
Funktioniert! Vielen Dank!

Re: Menüabschluss mit dünnen Strich ...

Verfasst: Do 8. Jul 2021, 11:24
von inno
... und gleich noch eine Frage zur Navi.
Wie kann ich einstellen, dass Inhalte der Navi (Brand Name und "Text"-Menu) genau in der Mitte stehen?
Im "original" Block von Mobirise (Medical M4 Theme) habe ich links einen anderen Abstand zum Bildschirmrand wie rechts. Auch die Icons oben sind nicht bündig mit dem "Text"-Menü (rechts).
Danke schon mal für die Hilfe.
Gruß

Re: Menüabschluss mit dünnen Strich ...

Verfasst: Do 8. Jul 2021, 11:26
von Tommy Herrmann
Hast Du mal einen Link zu der Seite?

Re: Menüabschluss mit dünnen Strich ...

Verfasst: Do 8. Jul 2021, 11:59
von Tommy Herrmann
... ich habe mir das Thema "MedicalM4" und diese Navi mal angeguckt:

https://www.mobirise-tutorials.com/MedicalM4/


Navi MedicalM4.JPG


Ich kann Dir nur raten das unverändert zu lassen, denn dann wird es richtig kompliziert :eek: :angst:

Denke daran, dass das dann auch immer am Handy und an allen anderen Display-Größen mit angepasst werden müsste.


Willst Du eine Navi, die in allen teilen mittig sitzt (was nicht besonders modern wirkt), dann suche Dir eine andere Navi wie z.B. diese hier aus dem Thema "StoreM4":

https://www.mobirise-tutorials.com/Tutorial-Links/

Re: Menüabschluss mit dünnen Strich ...

Verfasst: Do 8. Jul 2021, 13:07
von inno
... ich benötige aber den Aufbau dieser Navi.
Trotzdem vielen Dank!

Re: Menüabschluss mit dünnen Strich ...

Verfasst: Do 8. Jul 2021, 14:11
von Tommy Herrmann
natürlich würde man das mit viel Mühe hin bekommen - man müsste eben alles durchsuchen.

Dort gibt es dann Bootstrap-Klassen wie:

Code: Alles auswählen

justify-content: flex-end;
die Du ändern könntest in:

Code: Alles auswählen

justify-content: center;
... dann ist aber noch das Logo und der "Brand-Name", die ganz unterschiedlich groß sein können und die dann einen linken Abstand von 4rem zugewiesen bekommen haben, der nicht mit der Class der eigentlichen Navi im Zusammenhang steht.

... es gibt aber sehr ähnliche Navigationsleisten, müsstest Du mal suchen. Unser früheres Mitglied "Stobi" hat hier eine Übersicht (ist aber nicht vollständig):

https://www.afripix.de/menutest/

Z.B. wäre das eine Navi aus dem Thema "AgencyM4":

AgencyM4.JPG