WordPress.org

Ready to get started?Download WordPress

Forums

[resolved] Custom menu - drop down issues (11 posts)

  1. Intuitivdesigns
    Member
    Posted 1 year ago #

    Hola!

    I have searched the forums for an answer to my problem, and couldn't find it.

    I am working on a site with a custom theme and a custom menu. The drop downs in the menu disappear in one section when you rollover them, and overlap in another section.

    Here is the site link: http://www.yournashvilleplasticsurgeon.com.php53-7.ord1-1.websitetestlink.com/

    Any ideas?
    Please and thanks!
    Jaimie

  2. Andrew Bartel
    Member
    Posted 1 year ago #

    Hi Jaimie,

    The browser can't find this file: /wp-content/uploads/2012/11/ticker00.js.

    So you're getting a js error thrown when you call functions in it. I'd start there.

    I also saw that you're trying to reference it with a "./". Try enqueueing your javascript the "WordPress way" in your functions.php.

    Ex:

    add_action('wp_enqueue_scripts','my_js_include_function);
    function my_js_include_function()
    {
    wp_enqueue_script('nameoffile.js','abs/path/to/file/nameoffile.js');
    }
  3. Andrew
    Forum Moderator
    Posted 1 year ago #

    So you see what's going on here, your sub-submenu is overlapping the submenu because there aren't any styles to tell it otherwise.
    Here's an example of styling the sub-submenu otherwise;

    #nav ul ul ul {
     left: 220px;
    }

    If the problem persists from the JavaScript error pointed out by Andrew Bartel, you ought to fix that and not add a quick-CSS-fix .

  4. Intuitivdesigns
    Member
    Posted 1 year ago #

    Muchas gracias A. Bartel and A. Nevins!

    I am going to try to find that .js file and see if that does the trick. If not, then I will go with the CSS, and let you both know.

    Thanks again!

  5. Intuitivdesigns
    Member
    Posted 1 year ago #

    Well, bad news, the .js file didn't affect the drop downs. Still having some overlapping and disappearing issues.

  6. Intuitivdesigns
    Member
    Posted 1 year ago #

  7. Intuitivdesigns
    Member
    Posted 1 year ago #

    UPDATE:

    I used CSS to get the drop downs to not overlap each other.

    Now, the drop downs under "Skin Rejuvenation" and "Our Practice" aren't showing up at all. I tried using the z-index syntax and no progress.

    Any ideas would be much appreciated. Thanks!
    Jaimie

    http://www.yournashvilleplasticsurgeon.com.php53-7.ord1-1.websitetestlink.com/

  8. Andrew
    Forum Moderator
    Posted 1 year ago #

    I can see those menus.
    I am using the latest version of Chrome on Windows.

    Try clearing your browser cache.

  9. Intuitivdesigns
    Member
    Posted 1 year ago #

    I cleared my cache in Chrome, Firefox and IE. I still only see the first drop down. There should be a second drop down like the "Plastic Surgery" and "Before & After" tabs.

  10. Andrew
    Forum Moderator
    Posted 1 year ago #

    It doesn't seem as though "Skin Rejuvenation" has a submenu branching off it;

    <li id="menu-item-30" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-30"><a href="http://www.yournashvilleplasticsurgeon.com.php53-7.ord1-1.websitetestlink.com/skin-rejuvenation/">Skin Rejuvenation</a>
    <ul class="sub-menu">
    	<li id="menu-item-117" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-117"><a href="http://www.yournashvilleplasticsurgeon.com.php53-7.ord1-1.websitetestlink.com/skin-rejuvenation/botox/">Botox</a></li>
    	<li id="menu-item-120" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-120"><a href="http://www.yournashvilleplasticsurgeon.com.php53-7.ord1-1.websitetestlink.com/skin-rejuvenation/juvederm/">Juvederm</a></li>
    	<li id="menu-item-126" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-126"><a href="http://www.yournashvilleplasticsurgeon.com.php53-7.ord1-1.websitetestlink.com/skin-rejuvenation/spider-vein-treatment/">Spider Vein Treatment</a></li>
    	<li id="menu-item-118" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-118"><a href="http://www.yournashvilleplasticsurgeon.com.php53-7.ord1-1.websitetestlink.com/skin-rejuvenation/chemical-peels/">Chemical Peels</a></li>
    	<li id="menu-item-121" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-121"><a href="http://www.yournashvilleplasticsurgeon.com.php53-7.ord1-1.websitetestlink.com/skin-rejuvenation/laser-hair-removal/">Laser Hair Removal</a></li>
    	<li id="menu-item-119" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-119"><a href="http://www.yournashvilleplasticsurgeon.com.php53-7.ord1-1.websitetestlink.com/skin-rejuvenation/facials/">Facials</a></li>
    	<li id="menu-item-122" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-122"><a href="http://www.yournashvilleplasticsurgeon.com.php53-7.ord1-1.websitetestlink.com/skin-rejuvenation/microdermabrasion/">Microdermabrasion</a></li>
    	<li id="menu-item-123" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-123"><a href="http://www.yournashvilleplasticsurgeon.com.php53-7.ord1-1.websitetestlink.com/skin-rejuvenation/permanent-makeup/">Permanent Makeup</a></li>
    	<li id="menu-item-124" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-124"><a href="http://www.yournashvilleplasticsurgeon.com.php53-7.ord1-1.websitetestlink.com/skin-rejuvenation/photofacial/">Photofacial</a></li>
    	<li id="menu-item-125" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-125"><a href="http://www.yournashvilleplasticsurgeon.com.php53-7.ord1-1.websitetestlink.com/skin-rejuvenation/skin-tightening/">Skin Tightening</a></li>
    </ul>
    </li>
  11. Intuitivdesigns
    Member
    Posted 1 year ago #

    Wow. /facepalm Sorry, I over-looked that.

    I am doing maintenance on pre-built sites, so I don't usually have all the info I need. That would be a bit of info that I needed.

    Thank you for your help!

Topic Closed

This topic has been closed to new replies.

About this Topic