Dear Customers! We're out of the office from the 6th of October to the 11th of October. We sincerely apologize for the inconvenience. For WordPress 5.5.* related issues, please visit this article

Okay
  Public Ticket #1122790
Main Menu
Closed

Comments

  • Erik started the conversation

    The Main Nav is no longer sitting at the top of the page and therefore it is pushing all the content into a single column. I've tried reloading the Theme twice, but still the problem exists... I have no idea how this happened, but how do I fix?

  •  255
    Joanna replied

    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


    Kind regards,
    Joanna
    Veented Support

    Find a helpful article for your theme here: https://veented.ticksy.com/articles/#article-categories

    Check out our latest article: How to Improve Page Loading Times

    Don't forget to hit the like button below if you are happy with your support answer :)

  •   Erik replied privately
  •  255
    Joanna replied

    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.


    Kind regards,
    Joanna
    Veented Support

    Find a helpful article for your theme here: https://veented.ticksy.com/articles/#article-categories

    Check out our latest article: How to Improve Page Loading Times

    Don't forget to hit the like button below if you are happy with your support answer :)

  • Erik replied

    Hi Joanna,

    This process seems to be taking a very long time.  I supplied an Admin user/pass and then your Ticksy server was down.  Below you ask if I received your reply, but I did not.  


    Can you take a look at the site or send me the updates to the CSS? (see attached)


    Thanks

  •  255
    Joanna replied

    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.



    Kind regards,
    Joanna
    Veented Support

    Find a helpful article for your theme here: https://veented.ticksy.com/articles/#article-categories

    Check out our latest article: How to Improve Page Loading Times

    Don't forget to hit the like button below if you are happy with your support answer :)

  • Erik replied

    Hi Joanna,

    Next issue - Why don't my menu links scroll to their location? Instead, they jump and none of the Parallax functionality is visible.  

  •  255
    Joanna replied

    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


    Kind regards,
    Joanna
    Veented Support

    Find a helpful article for your theme here: https://veented.ticksy.com/articles/#article-categories

    Check out our latest article: How to Improve Page Loading Times

    Don't forget to hit the like button below if you are happy with your support answer :)

  • Erik replied

    Ok, that works. I had made the link menu links relative, because I'm programming on a development server. Once the client approves the work, then I will load to their live server and replace the old website.

    Also, I have the same problem with links in the "Icon Box" elements. I changed those to full URL's, but they still jump to their anchors.  Can that be fixed? (see attached)

  •  255
    Joanna replied

    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?


    Kind regards,
    Joanna
    Veented Support

    Find a helpful article for your theme here: https://veented.ticksy.com/articles/#article-categories

    Check out our latest article: How to Improve Page Loading Times

    Don't forget to hit the like button below if you are happy with your support answer :)

  • Erik replied

    Hi Joanna,


    I understand what you described, but it will be a big hassle for my client who is not a programmer to duplicate.  What custom CSS change should I make, so they can continue in Virtual Composer without using an HTML Element.  This will make it better for them to update.


    Thanks

  •  255
    Joanna replied

    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.


    Kind regards,
    Joanna
    Veented Support

    Find a helpful article for your theme here: https://veented.ticksy.com/articles/#article-categories

    Check out our latest article: How to Improve Page Loading Times

    Don't forget to hit the like button below if you are happy with your support answer :)