Hi Erik,

Give your theme and plugins an update so we are working from the same set of files. 

How to update North and it's plugins

Once you have done that add your wp login info here and I'll debug what's going on for you

Hi Erik!

I did reply to this ticket yesterday after being unable to respond on Wednesday due to the Ticksy servers being down.

The answer I sent is not showing on my end anymore (due to the temporary fix Ticksy had to perform). Did you receive my answer via email? It should have been sent there. If not, let me know and I'll send it over again.

Hi Erik,

Ok, so sorry about this, but unfortunately there was nothing we could do about Ticksy's server outage. They have resolved it now which is good news.

Here is my answer from before:

1) The issue you are having here is that your menu items have long names and there are a lot of menu items for it to fit in with the theme's design. You can either change the amount of items/shorten their names so that they fit in or add in your own custom CSS to change their appearance. 

You should get rid of the "HOME" menu item as that is not needed (users know to click the logo image in the menu to get back to home).

2) Once you have done that, you will need to customise the theme's responsive stylesheet to make the mobile menu engage on larger screens.

In the file: /wp-content/themes/north/css/responsive.css

On line 249 change:

@media only screen and (min-width: 1000px){

to

@media only screen and (min-width: 1140px){

On line 264 change

@media only screen and (max-width: 1000px){

to

@media only screen and (max-width: 1139px){

Then save, upload and replace the file to the same directory via ftp/hosting control panel.

Hi Erik,

There's a couple of things you can do to make the menu items scroll.

1) Make sure you have the 'Homepage / One Pager' selected in the Page Attributes in the page editor.

2) In your menu settings, add a Custom Link, and add this into the URL box:

http://frontpage_url/#about

(just change the #about to the div id you have named for a section on that specific page).

That should sort you out

Hi Erik,

Unfortunately the Icon box does not have the same properties as the menu, but what you can do is add a class to the link for the icon button called 'scroll'.

To do this you will either need to edit the file's code, or a simpler way is to copy the actual output of the icon box from your live page and paste it into an html element.

Then you can add the class 'scroll' into the button link e.g.

<a href="#amenities" target="_self" class="scroll" title="Amenities">Amenities</a>

The link will need to be just the div id that you want it to go to on that page.

Hope that makes sense?

Hi Erik,

Apologies for the late reply, Ticksy had further issues yesterday :/ We are hoping that they will be resolving these issues soon otherwise we will be looking elsewhere for support ticket management.

Ok, for the icon box to add in the css class of scroll, you just need to edit this file:

north\framework\shortcodes\lib\icon-box.php   on line 57 (assuming you are still using the 'big style icon') where it says:

if($url) $output .= '<a href="'.$url.'" target="'.$target.'" title="'.$title.'">'.$link_title.'</a>';

Add in the css class there so it will now be:

if($url) $output .= '<a href="'.$url.'" target="'.$target.'" class="scroll" title="'.$title.'">'.$link_title.'</a>';

Then save, upload and replace to the same directory via ftp/hosting control panel.

What I'll do meanwhile is send this over to the developer as a customer feature request so we can get the option to add this in for a future theme update.