Bring Logo & Nav in one line

Hi,
You can put you logo directly in menu, like a link using <img src="link to your logo" /> then you need to adjust it a little via CSS. http://screencast.com/t/klXNT9666Z2

Add the logo and if you don’t manage it to fit it, give us a link to see the issue and we will provide you a CSS.

Here is an example but is only on scroll, scroll down to see the logo: http://www.uesmag.com/

Thanks!

Hi,
I can’t view your site because of this popup http://screencast.com/t/23akHsruiB1X and please get that popup down, all visitors will leave when see that.

Thanks!

Hi,
Add this CSS in Theme panel -> Custom CSS

.menu-item-12304 img {
    height: 45px;
    position: relative;
    top: -3px;
    width: auto;
}

also if you don’t use the above header you can hide it via CSS with this:

.td-header-bg {
    display: none;
}

To change the logo when scroll use this:
1. Hide the original logo when scroll:

.affix .menu-item-12304 img {
    display: none;
}

2. Add a new logo:

.affix .menu-item-12304 a {
    background-image: url("put here the link to the new logo image");
    background-repeat: no-repeat;
    background-size: auto 47px;
    width: 202px;
}

Adjust the 47px size and 202px size to fit like you want.

Hope this help!
Thanks for the message!

Hi,
Use this:

.td-menu-background.affix {
    background-color: #FF0000 !important;
}