Codeless
  • Support Home
  • Themes
  • Support
  • WordPress Tutorials
    • How to Start a Blog
    • Best Website Builders
    • Best Small Business Hosting
    • Email Marketing Services
    • Cheap WordPress Hosting
  • Video Tutorials

Community Forums

Menu Links don’t work

Menu links
    • 3 years, 3 months ago andrewoceansreed
      Participant

      Expired

      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

    • 3 years, 2 months ago azam
      Keymaster

      Hi,
      Please share the WP-Admin and FTP credentials (username, password) using the private reply.

      Thanks,

    • 3 years, 2 months ago andrewoceansreed
      Participant

      Expired

      This reply has been marked as private.
    • 3 years, 2 months ago andrewoceansreed
      Participant

      Expired

      This reply has been marked as private.
    • 3 years, 2 months ago azam
      Keymaster

      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,

    • 3 years, 2 months ago andrewoceansreed
      Participant

      Expired

      This reply has been marked as private.
    • 3 years, 2 months ago azam
      Keymaster

      Hi,
      It seems that you’re using an upgrading version of PHP. Please downgrade your PHP version from 8.0.16 to 7. x

      Also, make sure the following server capabilities must be fulfilled
      max_execution_time = 300
      max_input_time = 1000

      Thanks,

    • 3 years, 2 months ago andrewoceansreed
      Participant

      Expired

      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.

    • 3 years, 2 months ago azam
      Keymaster

      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,

    • 3 years, 2 months ago andrewoceansreed
      Participant

      Expired

      This reply has been marked as private.
    • 3 years, 2 months ago azam
      Keymaster

      Hi,
      Please check and let me know.
      P.S: Clear your browser cache before testing

      Thanks,

    • 3 years, 2 months ago andrewoceansreed
      Participant

      Expired

      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.

    • 3 years, 2 months ago azam
      Keymaster

      Hi,
      Add the following code in the customizer

      .cl-mobile-menu nav>ul>li{
        opacity: 1 !important;
      }
      

      Thanks,

    • 3 years, 2 months ago andrewoceansreed
      Participant

      Expired

      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.

    • 3 years, 2 months ago azam
      Keymaster

      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,

    • 3 years, 2 months ago andrewoceansreed
      Participant

      Expired

      Gave it some time and checked things out. Everything looks good and is working properly. Thank you!

    • 3 years, 2 months ago azam
      Keymaster

      Glad to hear that :)
      is there anything i can help you?

    • 3 years, 2 months ago andrewoceansreed
      Participant

      Expired

      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?

    • 3 years, 2 months ago azam
      Keymaster

      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,

Viewing 18 reply threads

You must be logged in to reply to this topic.

Login

Log In
Register

Renew Support

  • Renew Specular Support
  • Renew Tower Support
  • Renew Folie Support
  • Renew Handel Support
  • Renew June Support
  • Renew Picante Support
  • Renew Thype Support
  • Renew Regn Support

Search Forums

Forums

  • Bygge – Construction Theme
  • Converta – Software Theme
  • Folie – The WordPress Website Builder
  • Handel – Responsive Multi-Purpose Business Theme
  • June WooCommerce WordPress Theme
  • Livecast – Podcast Theme
  • Picante – Restaurant & Food WordPress Theme
  • Regn | Agency & Business WordPress Theme
  • Remake – Minimal Portfolio & Agency Theme
  • Specular – Multi-Purpose WordPress Theme
  • Suggest us Features
  • Tower – Business-Driven Multipurpose WP Theme
  • Vibrance – Photography Theme

Site Links

  • Support Policy
  • Specular Support Forum
  • Video Tutorials
  • Knowledge Base
  • Guides and Reviews

Useful Articles

  • Build a Website
  • Web Design & Development
  • Hosting
  • WordPress

Login

Log In
Register Lost Password