Theme Unite- Logo rückt nach recht bei zoom

Man müsste sich das jetzt mal ansehen. Wie breit sind denn die Elternelemente? Wenn eine feste Größe vergeben ist, ist das Center daran gemessen genau so wie die 100%.

 

uch schau dir mal die .header-area an width 2550px, nehme an das hast du eingefügt
wenn du das rausnimmst... passt alles wieder

 

.col-md-6 ist eine Klasse aus dem Bootstrap Grid, deren Werte kann/sollte man nicht verändern, das zerstört praktisch das ganze Grid-System. Wenn Du Inhalte in eine Zeile ohne Spalten packen willst, nutze ein div ohne entspr. Klassen, siehe auch "Full width, single column" auf der verlinkten Seite.

 

setzte bei width dazu

.header-area { width: 100%; }

 

aber am besten wäre ein div um <div class="container header-area"> xxx </div> zu sezten...


#hier das neue DIV
<div class="farbe">

<div class="container header-area">
<header id="masthead" class="site-header col-sm-12" role="banner">


<div class="site-branding col-md-6">

<div id="logo">
<a href="http://www.stelisabeth.at/sub_test/"><img src="http://www.stelisabeth.at/sub_test/wp-content/uploads/2017/02/cropped-Header-finish.png" height="120" width="978" alt="St. Elisabeth"></a>
<h4 class="site-description"></h4>
</div><!-- end of #logo -->



</div>


<div class="social-header col-md-6">
</div>


</header><!-- #masthead -->
</div>

</div>
#neues div ende

css dazu
.farbe { background: #FCF6D7; }

 

das es auch noch zuweisungen gibt für die Browsergrössen
Diese werden überschrieben, jedoch ist es eigentlich bei diesen Template egal... so weit ich das sehen kann.

Und so viel arbeit ist da auch nicht ,)) max. 2 minuten

@media (min-width: 992px)

bootstrap.min.css?ver=4.7.5:5
.container {

• width: 970px;

}