Drop downs being cut off

Forums Forums Menus Drop downs being cut off

Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • #961
    questworx2
    Member

    Domain is http://Questworx.com

    #1

    Gone back and forth trying to figure this out on my own.

    Menu shows up…. Created additional two pages to drop down under tab "Income Builders".

    Shows half of second tier but can’t see anything below that. Looks like it is being cut off.

    #2

    How do I center this menu on the page?

    Here is the current css

    #suckerfishnav {
        background:# repeat-x;
        font-size:15px;
        font-family:verdana,sans-serif;
        font-weight:bold;
        width:100%;
        }
    #suckerfishnav, #suckerfishnav ul {
        float:left;
        list-style:none;
        line-height:30px;
        padding:0;
        border:1px solid #aaa;
        margin:0;
        width:100%;
        }
    #suckerfishnav a {
        display:block;
        color:#dddddd;
        text-decoration:none;
        padding:0px 10px;
        }
    #suckerfishnav li {
        float:left;
        padding:0;
        }
    #suckerfishnav ul {
        position:absolute;
        left:-999em;
        height:auto;
        width:101px;
        font-weight:normal;
        margin:0;
        line-height:1;
        border:0;
        border-top:1px solid #666666;
        }
    #suckerfishnav li li {
        width:99px;
        border-bottom:1px solid #666666;
        border-left:1px solid #666666;
        border-right:1px solid #666666;
        font-weight:bold;
        font-family:verdana,sans-serif;
        }
    #suckerfishnav li li a {
        padding:4px 10px;
        width:80px;
        font-size:14px;
        color:#171;
        }
    #suckerfishnav li ul ul {
        margin:-23px 0 0 100px;
        }
    #suckerfishnav li li:hover {
        background:#ccc;
        }
    #suckerfishnav li ul li:hover a, #suckerfishnav li ul li li:hover a, #suckerfishnav li ul li li li:hover a, #suckerfishnav li ul li li li:hover a {
        color:#171;
        }
    #suckerfishnav li:hover a, #suckerfishnav li.sfhover a {
        color:#dddddd;
        }
    #suckerfishnav li:hover li a, #suckerfishnav li li:hover li a, #suckerfishnav li li li:hover li a, #suckerfishnav li li li li:hover li a {
        color:#171;
        }
    #suckerfishnav li:hover ul ul, #suckerfishnav li:hover ul ul ul, #suckerfishnav li:hover ul ul ul ul, #suckerfishnav li.sfhover ul ul, #suckerfishnav li.sfhover ul ul ul, #suckerfishnav li.sfhover ul ul ul ul {
        left:-999em;
        }
    #suckerfishnav li:hover ul, #suckerfishnav li li:hover ul, #suckerfishnav li li li:hover ul, #suckerfishnav li li li li:hover ul, #suckerfishnav li.sfhover ul, #suckerfishnav li li.sfhover ul, #suckerfishnav li li li.sfhover ul, #suckerfishnav li li li li.sfhover ul {
        left:auto;
        background:#eee;
        }
    #suckerfishnav li:hover, #suckerfishnav li.sfhover {
        background:#1a1;
        }

    Scott

    #6795

    You have invalid code:
    [code:25e0wptd]<div id="menu">
    <ul>

    <!– Multi-level Navigational Plugin by PixoPoint Web Development ... http://pixopoint.com/multi-level-navigation/ –>

    <div id="pixopoint_menu_wrapper1"> [/code:25e0wptd]

    Try removing the <div id="menu">
    <ul>  and see if that works (plus the corresponding closing tags).

    #6796
    questworx2
    Member

    Changed it slightly but still did not do it.

    Look at it at: http://Questworx.com

    Header:

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"&gt;
    <html xmlns="http://www.w3.org/1999/xhtml"&gt;
    <head>
    <meta http-equiv="Content-Type" content="<?php bloginfo(‘html_type’); ?>; charset=<?php bloginfo(‘charset’); ?>" />
    <title><?php wp_title(”); ?><?php if(wp_title(”, false)) { echo ‘ |’; } ?> <?php bloginfo(‘name’); ?></title>
    <meta name="generator" content="WordPress <?php bloginfo(‘version’); ?>" /> <!– leave this for stats –>
    <link rel="stylesheet" href="<?php bloginfo(‘stylesheet_url’); ?>" type="text/css" media="screen" />
    <link rel="alternate" type="application/rss+xml" title="<?php bloginfo(‘name’); ?> RSS Feed" href="<?php bloginfo(‘rss2_url’); ?>" />
    <link rel="pingback" href="<?php bloginfo(‘pingback_url’); ?>" />
    <!–we need this for plugins–>
    <?php wp_head(); ?>
    </head>
    <body>
    <div id="container">
    <div id="header">
    <div align="center">

    <div class="mugshot"><a href="/"><img src="http://www.questworx.com/images/banner.jpg&quot; alt="Contact Scott Johnson" border="0" /></a></div>
    </div>
    <h2><a href="<?php echo get_settings(‘home’); ?>/"><?php bloginfo(‘name’); ?></a></h2>
    <h3><?php bloginfo(‘description’); ?></h3>
    </div>

    <?php if (function_exists(‘pixopoint_menu’)) {pixopoint_menu();} ?>
    <!–header.php end–>

    #6797
    questworx2
    Member

    Still waiting for any help I can get…

    Just need the drop down to work like its suppose to.

    See http://Questworx.com and see what I mean.

    #6798

    No idea sorry. Your problem seems more complicated than most. If you sign up for premium support I’m happy to delve deeper into your code to work out what the problem is … https://geek.hellyer.kiwi/premium_support/

Viewing 5 posts - 1 through 5 (of 5 total)
  • You must be logged in to reply to this topic.