Responsive issue with secondary logo – not sticking in position [closed]

With the use of bootstrap (which u use) this is fairly simple.

You can just do like this =

<div class="container">
<div class="row">
<div class="site-branding">logo 1</div>
<div class="secondLogo">logo 2</div>
</div>
</div>
*menu goes here*

first div you give :

.site-branding {
    float: left;
    margin-bottom: -30px;
width: 110px;
}

Second div :

.secondLogo {
    float: right;
    position: relative;
}