Move Menu In Line with Logo

i think you can get it all on 1 line by resizing your logo to a maximum of 150px wide and 26px height. Anything larger in my experience caused the menu to bump down to the next line.

Hi Emily

I’ve added a new 140px x 140px logo as this is as small as we can make it with a screenshot here.

1) What do I need to do to get the menu to drop down level with the logo?
2) How do I get the menu to align to the right instead of the left?

Hope you can help.

Thanks

What you could do is add the logo via the option settings of the plugin – then hide the site header when the mobile menu kicks in. By adding in your style.css

@media screen and (max-width: 700px)
.site-header {
    display: none;
}

Tried that – it not only didn’t work but I now have no SlickNav menu either ??

That’s because you have the menu position set to .site-header .wrap – set that to body

Also add the logo to the logo/image option in the Settings.

And try the CSS again

@media screen and (max-width: 700px)
.site-header {
    display: none;
}

I’ll close this ticket for now

Sorry was working on the site – is now showing two logos and has a bar / line through it also.

Can’t see 2 logos only one – but you’ll have to reduce it to fit the space as its busting out.

I would also create a different mobile menu with just your business name as this would fit the aspect ration better – so dropping the illustration.

Resolved. I added the following to my custom css:

.slicknav_brand {
	color: #fff;
	font-size: 18px;
	line-height: 30px;
	padding: 7px 12px;
	height: 150px; /* was 44px */
	max-width: 200px;
}

Works a treat now. Thanks.