Support » Plugin: SlickNav Mobile Menu » Move Menu In Line with Logo

Viewing 9 replies - 1 through 9 (of 9 total)
  • 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

    Plugin Author neilgee

    (@neilgee)

    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 🙂

    Plugin Author neilgee

    (@neilgee)

    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;
    }

    Plugin Author neilgee

    (@neilgee)

    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.

    Plugin Author neilgee

    (@neilgee)

    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.

Viewing 9 replies - 1 through 9 (of 9 total)
  • The topic ‘Move Menu In Line with Logo’ is closed to new replies.