neilgee

Well the first thing you need to do is add the CSS Menu ID or classname to the main menu setting in the SlickNav Options – How do I find the Menu CSS ID or Class?

Highlight the current page menu in the browser, for example in Chrome, right click and inspect element – then look in the dev tools window for the <ul id="menu-name-here" class="menu-class-name">.....</ul>

When adding the Menu in the Slicknav settings make sure to add the CSS ID or Class symbol eg. #menu-name-here or .menu-class-name

Once you have that save and check its working in the front end at a smaller size – then come back to the settings and tweak away.

You can override a CSS rule by adding into your style…

.slicknav_brand {
    max-width: 200px;
}

Set your desired maximum width

Yes you are correct with the fixed menu – that’s the point it will stay in position, so if the menu is long then probably not a good idea to fix it, or you can rearrange your menu items hierarchy.

To change the logo url manually edit the jquery.slicknav.min.js file and change '+slickNavVars.ng_slicknav.ng_slicksearch+' (including the single quotes), with your link.

May add the functionality to alter the logo URL in a future update

If you use the HTML entity ‘ &#39 ; instead of the actual apostrophe – this will take care of it.

Close the space between the 9 and ;

Closing this now

That really depends on your CSS but you could try in your CSS…

.slicknav_nav li{
    font-family: your-font-name-here;
}

You have 2 menus on your site – #menu-topmenu and #menu-test-top – either should work or combine them – if you want try again and let me know and I’ll try and see what the issue is.