Multiple logos/move logo to right

[K!nG]

Hi everyone,

I am using a custom theme. So what i want to do is i would like to have 2 logo's at the top and i want them to show in a way as one all the way to the right side of the header (where we usually have login etc) and one where usual vb logo appears.

My login info is in navbar so i have blank area at the top. Can anyone please help me as where and what changes do i have to make to get this done. I don't have issues in terms how to put the left side one as it's usual one, but how can i have 2 logos and how can i move one all the way to the right side.

Please see screenshot of the header area and trust me i have been trying to search this from past 1 week and i couldn't find a way to do it. Found a lot of threads e.g move logo to right, but none of them seemed to be working for me.

[bzcomputers]

Originally Posted by K!nG

Hi everyone,

I am using a custom theme. So what i want to do is i would like to have 2 logo's at the top and i want them to show in a way as one all the way to the right side of the header (where we usually have login etc) and one where usual vb logo appears.

My login info is in navbar so i have blank area at the top. Can anyone please help me as where and what changes do i have to make to get this done. I don't have issues in terms how to put the left side one as it's usual one, but how can i have 2 logos and how can i move one all the way to the right side.

Please see screenshot of the header area and trust me i have been trying to search this from past 1 week and i couldn't find a way to do it. Found a lot of threads e.g move logo to right, but none of them seemed to be working for me.

Try something like this...

add this to additional.css template:

div#customlogoleft {
      margin-left: 10px;
      float: left;
}
div#customlogoright {
      margin-right: 10px;
      float: right;	
}

Then surround your logos in the header template with this code:

<div>
    <div id="customlogoleft">
        <img src="PATH TO LEFT LOGO" alt="HOVER TEXT">
    </div>
    <div id="customlogoright">
        <img src="PATH TO RIGHT LOGO" alt="HOVER TEXT">
    </div>
</div>

then just adjust/customize the css as needed.

[K!nG]

Thanks. That did the magic Appreciate your quick help on this one

[K!nG]

Hi bzcomputers & everyone else,

Everything was working fine with above codes and today only thing i did was changed my domain name. Once everything was done i noticed a weird thing which i can't figure out.

When i go on site it shows right side banner in the middle of the header and once i log in or any user logs in then it shows on the right side of the header where i wanted it to be and where it should be.

Problem is when you log out or visit site banner doesn't show at the right place. Can anyone help me in fixing this issue please ???

Here is the link to my site with a test user id and password.

Vist Here

username: test user
password : testing@123

Thanks.

[K!nG]

Can anyone help me on this one ??

Thanks.

[Seven Skins]

Do this yaar:

Find and remove this:

<div>
    <div id="customlogoright">
       <a href="http://www.urduzouq.com"> <img src="images/styles/Creative/style/logo.png"></a>
    </div>
</div>

Find:

<div class="bannerBox ">

</div>

Replace:

<div class="bannerBox ">
    <div style="float:right; margin-right: -12px;">
       <a href="http://www.urduzouq.com"> <img src="images/styles/Creative/style/logo.png"></a>
    </div>
</div>

[K!nG]

Thanks that worked.