Main Menu Links Not Clickable

  • Hello All,

    This is my first time posting in the forums, so I do hope I am doing so correctly and didn’t somehow miss the solution in my previous searches.

    One website is running a child theme of the Simply Black free theme for WordPress, hosted with Bluehost (I have access to the cpanel and PHPMyAdmin however).

    Yesterday as I was trying to tighten up security, I changed all of the database prefixes to something besides wp_, as well as the wp-config.php file. While I’ve done so before on other sites, this site continued to show an “Installing wordpress” page, even after I’d renamed and reconfigured everything.

    Frustrated, I imported the database backup and flipped the wp-config file back to wp_. Now however, it is as if there is an invisible layer “blocking” the main menu. On the home page, only the “home’ link is clickable on the far left side. On all other pages, the rest of the menu is completely hidden.

    So far I have tried:
    ~deactivating and reactivating plugins
    ~changing the permalink structure and then changing it back
    ~confirming that yes, all the database tables seem to have the proper prefix and seem to be present
    ~deleting and rebuilding the main menu
    ~clearing my browser cache (not using any caching plugin or server proxy)

    Here is the website: https://www.aspenbrook.com/

    Additionally, I recently updated wordpress, plugins and themes- no menu issues afterwards.

    Many many thanks to any that take a look at this problem. Your help is truly appreciated!

Viewing 11 replies - 1 through 11 (of 11 total)
  • lisa

    (@contentiskey)

    I visited your website using chrome and firefox browsers and it seems to be working for me to click on the links at the top of your website.

    Home Homes for Rent Homes for Sale Directions Information Area Info/Events Calendar Contact Us

    Thread Starter Andy Pizer

    (@milpond)

    EDIT: Found a band-aide solution and possibly the problem area

    For some reason when I edit my child theme’s header.php file to grab the primary navigation menu before rendering the header image, everything works fine.

    Ideally I’d like the menu to show up below the header image, but I’m not sure where in the header.php there is an issue. Here is the code (with the primary menu below the header image):

    <?php
/*
 * The header for displaying primary menu and header-image.
 */
?>

<!DOCTYPE html>
<html <?php language_attributes(); ?>>
<head>
<title><?php wp_title('|', true, 'right'); ?></title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta charset="<?php bloginfo( 'charset' ); ?>" />
<link rel="profile" href="https://gmpg.org/xfn/11">
<link rel="pingback" href="<?php bloginfo( 'pingback_url' ); ?>">

<?php
	/* Always have wp_head() just before the closing </head>
	 * tag of your theme, or you will break many plugins, which
	 * generally use this hook to add elements to <head> such
	 * as styles, scripts, and meta tags.
	 */
	wp_head();
?>

</head>

<body <?php body_class(); ?> >

<img src="https://www.aspenbrook.com/images/head2.jpg">

<?php if ( has_nav_menu( 'primary' ) ) : ?> 
		<?php wp_nav_menu( array( 'theme_location' => 'primary', 'container_class' => 'nav-head' ) ); ?>
	<?php endif; ?>

<center>

<?php if (is_front_page() || is_home()) {
    echo do_shortcode("[metaslider id=832]");
} else if (preg_match('/new-slide-test/',$_SERVER['REQUEST_URI'])) {
 echo do_shortcode("[metaslider id=832]");
}
?>

</center>

<div id="container1">
</div>
<div id="container">
<div id="header">
</div>

    Again, thank you!!

    Thread Starter Andy Pizer

    (@milpond)

    Thanks @contentisky so much for looking at my problem! I hope it’s alright if I leave the menu links up there for now, as they do seem to be working.

    However, I’d really like to have them show up below the main header image as shown in the code above. Could the child theme header.php be the issue or is there something else “covering up” the links?

    Thank you!

    lisa

    (@contentiskey)

    are you using a child theme or making any changes directly to the original theme files?

    Thread Starter Andy Pizer

    (@milpond)

    We are indeed using a child theme, and the code above is from that header.php file located in our child theme directory.

    Hi, @milpond. I think what’s happening here is that your slider is interfering with the nav menu when it’s in the new position.

    So, when you make the change to your header.php file again, try also adding the following to your child theme’s style.css file:

    .metaslider.metaslider-responsive {
    clear: both;
}

    Then see if the links work correctly again after that.

    Thread Starter Andy Pizer

    (@milpond)

    Thank you @girlieworks for taking a look at this! I’m afraid unfortunately the problem does not seem to be the slider (or at least that part of it), as the links are still un-clickable even after adding the css

    I hope I wrote this earlier, but just in case I spaced/was hopelessly unclear, the menu get’s covered by the body of the page on every page except the home page- where it just becomes un-clickable like something invisible is overlaying it. I hope that makes sense!

    Thank you again so much!!

    @milpond, my CSS skills are far from expert level, so I certainly could have gotten that bit wrong (although it did work just fine for me in a Firebug test, which is why I suggested it).

    But I still think that the “something invisible” which is overlaying the menu is indeed the slider, because in Firebug it’s very obvious that it’s doing so.

    I know it’s a pain to have a not-working menu on your site for any length of time, but if we could actually see it in that state firsthand, that might make it easier to see what’s really going wrong.

    Thread Starter Andy Pizer

    (@milpond)

    @girlieworks, I definitely see what you mean, I went ahead and put the menu back underneath the header image so you can take a proper look (truly, thank you!!).

    I’m not familiar with Firebug, but it sounds like a fantastic debugging tool I will look into. For now I did try removing the metaslider php from the header.php file (still in child theme), and once again, the tan block of my content covered up most of the menu.

    If you’d like to see this affect, let me know and I’ll remove the slider again (perhaps I should have done so in the first place…)

    @milpond, I see what you mean about the tan area, so try changing the CSS I gave you earlier to look like this instead:

    #container,
.metaslider.metaslider-responsive {
    clear: both;
}

    and see if that makes any difference.

    Thread Starter Andy Pizer

    (@milpond)

    @girlieworks, I’m afraid that didn’t do it either, I tried putting it in the style sheet for the child theme as well as the parent theme but no change. Could it be something related to my database changes? I did import the backup database before the problem, but I wonder if anything was left over or did not import properly?

    Again, thank you for your continued responses, I appreciate the support!

Viewing 11 replies - 1 through 11 (of 11 total)
  • The topic ‘Main Menu Links Not Clickable’ is closed to new replies.