-
-
While they worked before launch, the menu links on the website stopped working after launch. They open in a new tab and the link id’s are all correct, but I checked on multiple browsers and the links don’t navigate anywhere unless you open them in a new tab.
Here’s the website: http://thebarberette.com/
Here are the errors I found when I inspected the page:
Uncaught TypeError: Cannot read properties of undefined (reading ‘top’)
at OnePageNav.scrollTo (<anonymous>:203:35)
at OnePageNav.handleClick (<anonymous>:161:10)
at HTMLAnchorElement.i (jquery.min.js?ver=3.6.0:2:88757)
at HTMLAnchorElement.dispatch (jquery.min.js?ver=3.6.0:2:43064)
at HTMLAnchorElement.v.handle (jquery.min.js?ver=3.6.0:2:41048)
scrollTo @ VM42:203
handleClick @ VM42:161
i @ jquery.min.js?ver=3.6.0:2
dispatch @ jquery.min.js?ver=3.6.0:2
v.handle @ jquery.min.js?ver=3.6.0:2 -
Hi,
Please share the WP-Admin and FTP credentials (username, password) using the private reply.Thanks,
-
-
-
Hi,
Please share the right WP-Admin credentials (username, password). For FTP, we’ll first check through the site, If we get stuck then we’ll let you know about the further info.Thanks,
-
-
Hi,
It seems that you’re using an upgrading version of PHP. Please downgrade your PHP version from 8.0.16 to 7. xAlso, make sure the following server capabilities must be fulfilled
max_execution_time = 300
max_input_time = 1000Thanks,
-
Bluehost says my PHP version is 7.3.33, I’ve got my max execution time to 300 and max input to 1000. When I first did this the website including the backend of wordpress crashed with a 500 internal error. I got it back up and running, made sure those two changes were still there, but the links still do not work unless I have them open in new tabs.
This is very frustrating because this site is live, I can’t have it crashing like this, and the links not working unless I make them open in a new tab is not ok.
Please help, I need to get this fixed as soon as possible.
-
Hi,
We’re working hard to find the issue. We respect the time and effort you’ve put into your site.– Please share the FTP credentials (username, password) using the private reply. It’ll help us to get things back in case your site gets stuck during testing.
Thanks,
-
-
Hi,
Please check and let me know.
P.S: Clear your browser cache before testingThanks,
-
So the good news is on desktop view it works correctly now. However, on mobile screens the links do not work and for some reason are not visible either (I think for some reason they are the same color as the background when you click the hamburger menu).
Thank you for your help so far, I’m hopeful you can apply the same fix to mobile view as well. Let me know if I need to change anything else.
-
Hi,
Add the following code in the customizer.cl-mobile-menu nav>ul>li{ opacity: 1 !important; }
Thanks,
-
The links on mobile screens are now visible, but they have the original problem of not working as links. It is still working properly on other sized screens, but the links still don’t work on mobile.
This is great progress, thank you for your help, please let me know what else I can do to finish it up.
-
Hi,
It’s the “Autoptimize” plugin that’s causing the issue. I’ve deactivated the plugin so you can see the effect. Everything seems working on my end.Please clear your browser cache before testing the links.
Thanks,
-
Gave it some time and checked things out. Everything looks good and is working properly. Thank you!
-
-
There is a small thing I’m working on. I can’t quite find a way to make the background video for the home page responsive so it isn’t so zoomed in on mobile devices.
I know some of it is unavoidable because the video is sized for full screens, but on mobile devices you can scroll down a significant amount, so I imagine I should be able to make the homepage shorter on mobile devices so the video isn’t so stretched.
The only idea I have is to make the current row not visible on mobile and create an identical row that is only visible on mobile that has very specific size adjustments.
Is there any easier way to do this?
-
Hi,
You can make the homepage size shorter by adding the below code in the customizer:@media (max-width: 480px){ .home_bar{ height: 88vh /* Adjust the value according to need */; } html, body{ overflow: hidden; } }
For the background video, either the video will cover the whole width or will play with its full width.
You can try to make a separate row just for the background video on the mobile device. We hope you’ll get the desired results.
Thanks,
-
You must be logged in to reply to this topic.