Logo in menu keeping menu height or similar

Hi vgunited!

You probably want something like this: http://imgur.com/a/WQFh8

Just go to Enfold > Header > set Menu and Logo Position to Logo Left, Menu Right. Go to Transparency Options tab (still in Header) and set the logo, you can also set the menu color but you have the option to leave it blank and use default and Save. Go to the page and edit and set the Header visibility and transparency to Transparent Header and Update. Hope this helps :)

Cheers!
Nikko

• This reply was modified 8 years ago by Nikko. Reason: fix image url

Hi vgunited!

Yep, we will help you, that’s what we do :) When you edit the page (the one in the screenshot), you just need to check on the lower right, find the Layout box and you should see it at the bottom of the box. Can you give us a link to your site and a temporary admin account? so we can check it further. Just place the details in the Private Content in your reply.

Regards,
Nikko

Hi!

Sure, just let us know :)

Best regards,
Nikko

Hi Nacho,

Kindly add this code in Quick CSS (located in Enfold > General Styling):

#header #header_main {
    background: #2c353d;
}

.logo img {
    padding: 12px 0;
}

.header-scrolled .logo img {
    padding: 4px 0;
}

.header-scrolled span.subtext {
    font-size: 18px;
}

@media only screen and (max-width:767px) {
	.responsive #top #wrap_all .container {
	    height: auto !important;
	    line-height: 1 !important;
	}

	.responsive #top .logo {
	    padding: 12px 0;
	}

	.responsive .logo a, 
	.responsive .logo img {
	    max-height: 60px !important;
	    display: inline-block;
	}

	.responsive .logo a {
	    position: relative;
	    display: block;
	}

	span.subtext {
	    font-size: 15px;
	    max-height: 60px;
	    color: #fff;
	    line-height: 60px;
	}
}

Hope this helps. This should solve the 2 issues you mentioned, if it doesn’t work, kindly allow us to inspect the settings and make changes in your backend.

Best regards,
Nikko