Hi,
For mobile and tablet devices the page gets the class “avia_mobile” and for desktop the page gets the class “avia_desktop”
so I have changed the script to only show the link when the page has the class “avia_desktop”

function event_link(){
  ?>
  <script>
(function($){
  $(function() {
$(document).ready(function(){
if ($("html").hasClass("avia_desktop")) {
    $('nav.main_menu').prepend('<a class="event-link" href="http://www.google.com">Event Link</a>');
  }
else {
      
  }
});
});
})(jQuery);
</script>
<?php
}
add_action('wp_footer', 'event_link');

Please try this out instead of the other code in the functions.php, but also use the css code as it is still needed.
Thank you for the lunch offer, that is really nice, I’ve been thinking about going there :)

Best regards,
Mike

Hi,
Glad to help, I assume we can close this now, but I like to ask. Shall we close this then?

Best regards,
Mike

Hi,
The first page you linked to seems to be a portfolio page. The second page is a events page, on the events page the event plugin uses the elements: tribe-events-nav-previous & tribe-events-nav-next within the tribe-events-footer below the event.

<ul class="tribe-events-sub-nav">
			<li class="tribe-events-nav-previous"><a href="https://www.naikare.es/taller/enquadernacio-copta-5/"><span>«</span> Enquadernació copta</a></li>
			<li class="tribe-events-nav-next"></li>
		</ul>

The reason I thought it was hidden with a option was because of this class: tribe-events-visuallyhidden I installed the event calendar on my localhost and created some events and set up the other options so I could assist you.
As you said I could find no option for this and no solution on the event calendar site but I was able to display the prev – next nav with this css:

#tribe-events-footer .tribe-events-sub-nav {
    display: block !important; 
} 

I also tried to find a way to add the avia-post-nav to the event pages but could not.

Best regards,
Mike

Hi,
Glad to help, please open a new thread if we can be of more assistance.
For your information, you can take a look at Enfold documentation here
And if there are features that you wish Enfold had, you can request them and vote the requested ones here

Best regards,
Mike

Hi,
Hey good news, the dev team told me they have worked on an option for the Animated Count Down to add TimeZones, it is a beta feature and they gave me the files to add it I think this might help with your issue.
If you can give me an admin login and FTP access I can add it to your site so you can test it yourself.
They said “the event start dates must be set to the correct timezone”.

Best regards,
Mike

Hi,
Thank you for the admin login, I see that you have a security plugin, I would recommend disabling it before renaming the themes to test the new version. Since you are having these troubles I would disable all of them to test. Also please ask your webhost what errors have occurred in your server log when you tried renaming the themes. Typically you can tell them about what time you did this and they can find the error in the log, this would be a big help because it is very seldom that doing the steps that I outlined above result in a crash, and the wrong PHP is the only thing I can think of that would cause this, but you already checked this.

Best regards,
Mike

Hi,
Please remove the css and try this instead:

@media only screen and (max-width: 767px) {
#top.home .avia-icon-grid-container .avia-icongrid-front > .avia-icongrid-inner {
  padding-bottom: 0 !important; 
}
#top.home .avia-icon-grid-container .avia-icongrid-flipback > .avia-icongrid-inner {
  padding-top: 0 !important; 
padding-bottom: 0px !important; 
}
#top.home .avia-icon-grid-container .avia-icongrid-front > .avia-icongrid-inner {
  padding-top: 20px !important; 
}
#top.home #av_section_5 > .container >.template-page.content {
padding: 0px !important;
}
}

Best regards,
Mike

Hi,
This seems to be working:

@media only screen and (min-width: 767px) { 
#top.page-id-21 .av-masonry .isotope a.av-masonry-entry:nth-child(5)  {
top: 0 !important; 
}
}

Best regards,
Mike

Hi,
I noticed it by testing the site with the Chrome development tools, and testing the different screen sizes. The mobile menu shows until 989px.
This is the css that I see in the dev tools:

@media only screen and (max-width: 989px) and (min-width: 768px)
.responsive #top .av_mobile_menu_tablet .av-main-nav .menu-item-avia-special {
    display: block;
}

It seems to be coming from your autoptimize plugin:
/wp-content/cache/autoptimize/css/autoptimize_e4bda950b220ef938d9c06d7ba9962d5.css
Try checking your Quick CSS or your theme’s custom.css

Is the mobile brake not working for you?

Best regards,
Mike

Hi,
Thank you, to add the separator on the left, please add this to your css:

.avia-menu.av_menu_icon_beside {
    border-left-width: 1px !important; 
    border-left-style: solid !important; 
}

Best regards,
Mike

Hey Антон,
Sorry for the late reply, I tested this with virustotal.com and got 1/57 for VEX.Webshell which is a false positive for the phpinfo that the system_status.php shows. This is the same for your “Doubt.PHPInfo” so you can rest assured.

Best regards,
Mike

Hey cece101,
Sorry for the late reply, I was going to suggest this css to change the mobile brake point:

@media only screen and (max-width: 850px) and (min-width: 768px) {
  .responsive #top .av_mobile_menu_tablet .av-main-nav .menu-item {
    display: none !important; 
  }

  .responsive #top .av_mobile_menu_tablet .av-main-nav .menu-item-avia-special {
      display: block !important; 
  }
}

But I see that your mobile menu is already starting at 988px and smaller, so I assume you have already found the solution?

Best regards,
Mike

Hey 5ivecanons,
Sorry for the late reply, I have not seen any other post like this, and my localhost is saving correctly so my first thought is a plugin conflict. It sounds like you have not checked this yet by disabling all of the plugins and trying again?
We would like to login, have you created a backup yet, and can we try disabling all of the plugins?
Some webhosts offer a one-click staging site, which may be a good idea so we can test without your site being affected, is this an option?

Best regards,
Mike

Hi,
Glad to help, as for copying other styles and using them, I wouldn’t say that you can copy css you find and add it to your elements very easily, you would need a little knowledge of css. I would say that if you see this done a few times you will get a sense of how to do it. If you find something else you want to do please let us know and we will assist again.

Best regards,
Mike

Hey Austin1988,
Sorry for the late reply, yes you can update v3.5.1 to v4.5.5 in one go. I don’t believe you will be able to update via the WordPress options, because of the way Theme Forest checks your license. It is different now than it was back in v3.5.1
There is no difference in upgrading with a child theme.

So here’s how you will need to upgrade… first download the theme from Theme Forest.
Then open it and extract the “enfold.zip” file and then extract it to your desktop as /enfold/
Then rename to /enfold-new/ and upload the folder to your /wp-content/themes/ folder via FTP or your file manager in your webhost cPanel
Then via FTP or your cPanel file manager, at /wp-content/themes/ rename /enfold/ to /enfold-old/ and rename /enfold-new/ to /enfold/

Now your new version is installed, please check your site. If all is well then “Good Job!” If not then reverse the last rename step above and your site will be restored.

One common issue that will cause your site to crash, is if your PHP is older than v5.6, your webhost can check and fix that for you. If you have any problems with these steps, we can help.

Best regards,
Mike