One page website links not working after updates!

[core365]

Hi, I’ve done a website which has a few pages in the menu that link to sections on the Home page (so it’s half of a one page website!). The problem is the page links don’t work any more since updating. The ‘About Us’ and ‘Services’ page links in the menu link to sections on the Home page, the other 3 pages in the menu, ‘Gallery’, ‘News’ and ‘Contact Us’ all link to their own separate pages. When you’re on the Home page and click either ‘About Us’ or ‘Services’, nothing happens. I haven’t changed any of the page ID links or anything so I can only assume there’s something in the update that doesn’t allow this any more.

Would you mind taking a look please as I don’t know how to fix it!

The URL is: https://pplevents.com/

Thanks!

[nabeel]

Hi @core365,

Thank you for reaching out to us. I checked your site and it seems like you’re using an outdated versions of X and Cornerstone. Please make sure everything is up to date according to our version compatibility list at https://theme.co/apex/forum/t/troubleshooting-version-compatibility/195. Please follow the best practices when updating your theme and plugins. See https://theme.co/apex/forum/t/setup-updating-your-themes-and-plugins/62 for more details.

Upon further checking I see couple of JS errors which is breaking your site’s functionality, please test for a plugin conflict. You can do this by deactivating all third party plugins, and seeing if the problem remains. If it’s fixed, you’ll know a plugin caused the problem, and you can narrow down which one by reactivating them one at a time.

If the issue remains then remove custom JavaScript from everywhere and deactivate your child theme and switch to parent theme (take a complete backup first).

After doing the updates, always remember to clear all caches (if you are using WP Rocket, WP SuperCache or W3 Total Cache) when updating so that the code from the latest release is always in use. This will help you to avoid any potential errors.

If you still have problems kindly get back to us with the result of the steps above and URL/User/Pass of your WordPress dashboard using the Secure Note functionality of the post to follow up the case.

Thanks.

[core365]

Hi, I’ve already updated to your latest versions, Cornerstone 4.1.2 and X Theme 7.1.2, that’s why I’m having the problem with the links not working!

If there are more updated versions available, can you let me know how to access them please.

Cheers

[nabeel]

Hey @core365,

Your site still shows the old version of X v6.2.5 and Cornerstone v3.2.5 (see screenshot)

This could only be the cache issue as I see the content of your site is being served by the cache. Clear all caches including browser cache then deactivate your caching plugin and other optimization plugins. If you’re using a CDN, please clear the CDN’s cache and disable optimization services.

If the issue persists then please provide us the URL/User/Pass of your WordPress dashboard using the Secure Note functionality of the post to follow up the case.

Thanks!

[core365]

Hi @Nabeel,

I’m not too sure what’s going on as I haven’t got any cache plugins active. I’ll put the admin login details in a secure note for you, as I have no idea what else to do with it!

Thanks!

[ruenel]

Hello @core365,

Thanks for updating in! I have logged in and checked your site which is weird. The X theme and Cornerstone in the backend is up to date. When you check the front end, it is still displaying the the X 6.2.5 and Cornerstone 3.2.5 versions. So I went to your WP admin and activated the LiteSpeed Cache plugin. I cleared each and every caching feature of the plugin and deactivated back again. It is now displaying the latest changes.

If still the issue exists, This could be caused by a 3rd party plugin again. You could try testing for a plugin conflict. You can do this by deactivating all third party plugins, and seeing if the problem remains. If it’s fixed, you’ll know a plugin caused the problem, and you can narrow down which one by reactivating them one at a time.

Please let us know how it goes.

[core365]

Hi, the ‘About Us’ and ‘Services’ page links in the menu still don’t work. I’ve created a staging website and deactivated all plugins apart from Cornerstone and the ‘About Us’ and ‘Services’ page links still aren’t working, so I have no idea what’s going on!

If you wouldn’t mind taking another look, that would be great and I’ll put the staging website login link in a secure note, and the username and password is the same as what I’ve previously gave you.

Thanks!

[christian]

Hey @core365,

There are JS errors in your custom JS. I’ve removed them all the the jump link worked. I’ve added back the correct workaround for the smooth scroll suggested here.

Remember to remove the code I’ve placed as the smooth scroll bug will be fixed in the next release and that JS code might conflict.

I’ll post your previous JS code in the secure note. If you wish to use them still, please have a developer fix the JS code or make it work with the jump links/one page navigation.

Hope that helps.

[core365]

Hi, thanks for that, however when you click on the ‘About Us’ and ‘Services’ page links, the top bar disappears! I don’t know how to keep it fixed on the page so it stays there when scrolling down.

Thanks!

[friech]

Hi @core365,

A fixed topbar is not a native feature of the standard (X) header. But there is another way without using a JS, while that is outside the scope of support, I could point you in the right direction with the understanding that it would ultimately be your responsibility to take it from here.

Login to your server via FTP or cPanel and navigate to this directory \x\framework\legacy\cranium\headers\views\global, copy the file _navbar.php on that directory.

Paste that file on your child theme’s \x-child\framework\legacy\cranium\headers\views\global directory, create the folders if that path does not exist on your child theme yet.

Open/edit the duplicate _navbar.php file on your child theme and find the line <div class="x-navbar-inner">, there are two instances of these line on that file. Paste this bit of code <?php x_get_view( 'global', '_topbar' ); ?> underneath on both instances.

Lastly, add this to Theme Options > CSS to hide the original topbar area.

.masthead > .x-topbar {display: none !important;}

Hope it helps,
Cheers!

[core365]

Hi, thanks for that!

Thanks for all your time and help, it’s much appreciated!

[friech]

You’re most welcome,

Cheers!