Moin,
ich kenne mich rudimentär mit CSS aus, bin jedoch eher Grafik-Designer für Printprojekte.
Mich hat jemand gebeten, eine Änderung auf der folgenden Website vorzunehmen: https://www.logosin.de.
Es sollen Logo, Titel, Untertitel und Seitenüberschrift links bündig auf einer senkrechten Linie stehen. Also entweder in der Postion des Seitentitels. Oder auf der Position von Titel/Untertitel.
Padding ist mir bekannt, aber beim Logo wäre das ja negatives Pudding, das nicht geht.
Ich habe im Quelltext die entsprechende Stelle gefunden:
- <div class="main-header close-sticky ">
- <div class="container">
- <div class="row m-0">
- <div class="col-lg-3 col-md-4 col-9">
- <div class="logo">
- <div class="site-logo">
- <style>
- .custom-logo {
- height: 70px;
- max-height: 240px;
- max-width: 240px;
- width: 220px;
- }
- </style>
- <a href="https://www.logosin.de/" class="custom-logo-link" rel="home" aria-current="page">
- <img width="220" height="70" src="https://www.logosin.de/wp-content/uploads/2021/06/Logo-Puzzle-Web.jpg" class="custom-logo" alt="LOGOSIN"/>
- </a>
- </div>
- <p class="site-title">
- <a href="https://www.logosin.de/" rel="home">LOGOSIN</a>
- </p>
- <p class="site-description">
- Logopädische Praxis
- </p>
- </div>
- </div>
Am besten wäre es, alles auf Position von Titel/Untertitel zu positionieren. Also das Logo links einrücken, und den Seiten-Überschrift rechts einrücken.
Kann mir jemand behilflich sein, wie ich hier vorgehe?
Danke schon einmal für Unterstützung.
Bleibt gesund!