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>
Alles anzeigen
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!