Menüabschluss mit dünnen Strich ...

Allgemeine Fragen
inno
Mitglied (Level 10)
Mitglied (Level 10)
Beiträge: 293
Registriert: Do 17. Dez 2020, 11:59

Menüabschluss mit dünnen Strich ...

Ungelesener Beitrag 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
Benutzeravatar
Tommy Herrmann
Site Admin
Site Admin
Beiträge: 5744
Registriert: So 6. Dez 2020, 07:37
Wohnort: Berlin
Kontaktdaten:

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

Ungelesener Beitrag 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
inno
Mitglied (Level 10)
Mitglied (Level 10)
Beiträge: 293
Registriert: Do 17. Dez 2020, 11:59

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

Ungelesener Beitrag von inno »

Super! Versuche ich morgen gleich!
Danke!
inno
Mitglied (Level 10)
Mitglied (Level 10)
Beiträge: 293
Registriert: Do 17. Dez 2020, 11:59

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

Ungelesener Beitrag von inno »

Funktioniert! Vielen Dank!
inno
Mitglied (Level 10)
Mitglied (Level 10)
Beiträge: 293
Registriert: Do 17. Dez 2020, 11:59

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

Ungelesener Beitrag 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ß
Benutzeravatar
Tommy Herrmann
Site Admin
Site Admin
Beiträge: 5744
Registriert: So 6. Dez 2020, 07:37
Wohnort: Berlin
Kontaktdaten:

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

Ungelesener Beitrag von Tommy Herrmann »

Hast Du mal einen Link zu der Seite?
Benutzeravatar
Tommy Herrmann
Site Admin
Site Admin
Beiträge: 5744
Registriert: So 6. Dez 2020, 07:37
Wohnort: Berlin
Kontaktdaten:

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

Ungelesener Beitrag 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/
inno
Mitglied (Level 10)
Mitglied (Level 10)
Beiträge: 293
Registriert: Do 17. Dez 2020, 11:59

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

Ungelesener Beitrag von inno »

... ich benötige aber den Aufbau dieser Navi.
Trotzdem vielen Dank!
Benutzeravatar
Tommy Herrmann
Site Admin
Site Admin
Beiträge: 5744
Registriert: So 6. Dez 2020, 07:37
Wohnort: Berlin
Kontaktdaten:

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

Ungelesener Beitrag 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
Antworten

Wer ist online?

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