Logo move left

Hi,
Use this CSS code below

.navbar-brand > img {
    margin-left: -100px !important;
    margin-top: 10px !important;
}

Hi Imran,

Thank you for the help! @advent12, you can add the CSS given by Imran using Advanced CSS Editor. Cheers ??

Thanks!

It works great, but somehow reduces the size…now there is more space between the logo top and bottom and this makes the picture smaller and the words smaller to read.

Is there something to fix that?

/* Increases header area to make room for larger logo*/
#main-nav {
min-height: 130px;
}

/* Increases logo size*/
a.navbar-brand {
height: 130px;
width: auto;
}

.navbar-brand > img {
margin-left: -100px !important;
margin-top: 10px !important;
}

I have this code also..does it interfere with other code?

Hey there,

Please try adding below custom CSS:

.navbar-brand > img{
    margin-top: 0px!important;
    height: 130px!important;
}

Hope it helps.

Great, thanks!

Hi there,

Glad I was able to help. Cheers ??

so sorry..the logo looks squished a little bit…letters to close together…can it be fixed also?

Hi there,

Sure, you can replace the above CSS with following:

.navbar-brand > img{
    margin-top: 0px!important;
    height: 130px!important;
    width: 450px!important;
}

Also, feel free to adjust width or height according to your needs. Cheers ??

Is it possible to remove the dark blue on the top and bottom of the logo?

So, make logo entire area touching bottom and top border, therefore covering the dark blue area?

Find:

.navbar-brand {
    height: 76px;
    position: relative;
    line-height: 60px;
    padding: 7px 15px;
    display: inline-block;
}

and change padding to: 0 15px instead of 7px 15px;

Thanks!