Menu Distortions

Forums Forums Menus Menu Distortions

Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • #1225
    healthy
    Member

    Hello,

      I have installed the ‘Mult-level Navigation’ plugin and activated it successfully. However, when i paste the code [code:2q7ihx7e]<?php if (function_exists(‘pixopoint_menu’)) {pixopoint_menu();} ?>[/code:2q7ihx7e] into my header.php

    Header.php Code:
    [code:2q7ihx7e]<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml" <?php language_attributes(); ?>>

    <head profile="http://gmpg.org/xfn/11">
    <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>
    <link rel="stylesheet" href="<?php bloginfo(‘stylesheet_directory’); ?>/css/screen.css" type="text/css" media="screen, projection" />
    <link rel="stylesheet" href="<?php bloginfo(‘stylesheet_directory’); ?>/css/print.css" type="text/css" media="print" />
    <!–[if IE]><link rel="stylesheet" href="<?php bloginfo(‘stylesheet_directory’); ?>/css/ie.css" type="text/css" media="screen, projection"><![endif]–>
    <!–[if IE 6]>
    <script src="<?php bloginfo(‘template_url’); ?>/js/pngfix.js"></script>
    <![endif]–>
    <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="alternate" type="application/atom+xml" title="<?php bloginfo(‘name’); ?> Atom Feed" href="<?php bloginfo(‘atom_url’); ?>" />
    <link rel="pingback" href="<?php bloginfo(‘pingback_url’); ?>" />
    <?php wp_head(); ?>
    <?php echo get_theme_option("head") . "n"; ?>
    </head>
    <body>
    <div id="wrapper">
    <div id="container" class="container"> 
    <div class="span-16">
                    <div id="header">
    <h1><a href=""></a></h1>
    <h2></h2>
    </div>
                   
                    <div class="navcontainer">
    <ul id="nav">
    <li <?php if(is_home()) { ?> class="current_page_item" <?php } ?>><a href="<?php echo get_option(‘home’); ?>/">Home</a></li>

    <?php if (function_exists(‘pixopoint_menu’)) {pixopoint_menu();} ?>

    <?php wp_list_pages(‘depth=1&number=6&sort_column=menu_order&title_li=’ ); ?>
    </ul>
    </div>[/code:2q7ihx7e],

    I get double menu, ie, my old menu bar and the plugin menu bar but all distorted with the plugin menu having blue background though drop down works.  This is the site: http://www.healthnaturalproducts.net.

    I know there’s mistake in my settings. How can I rectify it?

    Thanks.

    #7752

    You can’t insert the pixopoint_menu() function inside a UL tag like that as it is wrapped via a series of block elements.

    The following will hopefully work (I removed a bunch of stuff between the DIV wrapper tags):
    [code:1ihzfkw6]              <div class="navcontainer">
    <?php if (function_exists(‘pixopoint_menu’)) {pixopoint_menu();} ?>

    </div>[code]

    If that doesn’t work correctly, perhaps try removing the wrapping DIV container:
    [code]
    <?php if (function_exists(‘pixopoint_menu’)) {pixopoint_menu();} ?>
    [code][/code:1ihzfkw6]

    #7753
    healthy
    Member

    Thanks Ryan!

    #7754

    No problem <img decoding=” title=”Smiley” />

    #7755
    healthy
    Member

    Hello Ryan,

    I have got one more problem. Its to do with the color pickers. Here is the CSS for the main menu:[code:z6oguzs5]#suckerfishnav {background:#dddddd repeat-x;font-size:18px;font-family:verdana,sans-serif;font-weight:bold; width:100%;}
    #suckerfishnav,
    #suckerfishnav ul {float:left;list-style:none;line-height:40px;padding:0;border:0px 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:151px;font-weight:normal;margin:0;line-height:1; border:0;border-top:1px solid #eeeeee; }
    #suckerfishnav li li { width:149px;border-bottom:1px solid #666666;border-left:0px solid #666666;border-right:0px solid #666666;font-weight:bold;font-family:verdana,sans-serif;}
    #suckerfishnav li li a {padding:4px 10px; width:130px;font-size:12px;color:#dddddd;}#suckerfishnav li ul ul {margin:-21px 0 0 150px;}
    #suckerfishnav li li:hover {background:#dddddd;}
    #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:#dddddd;}#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:#dddddd;}
    #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:#dddddd;}#suckerfishnav li:hover, #suckerfishnav li.sfhover {background:#dddddd;}[/code:z6oguzs5]

    I can’t seem to format the color codes to match my blog. What colors do you think i should change to make it uniform? check the drop down menus.

    The board is http://www.healthnaturalproducts.net

    Thanks again.

    #7756
    healthy
    Member

    Have sorted it! Cheers Ryan. This software is the BOMB!

    #7757

    Glad to hear you got it working <img decoding=” title=”Smiley” />

    #7758
    Budz
    Member

    How did you post your Header/php code into your post? I would like to create a post for HELP, but want to be sure I post the Header.php correctly as well as a link to my CSS? Thank you so much for feedback – Budz ???

    #7759

    You need to insert them inside [html][code:2ks4wsek][/code:2ks4wsek][/html] tags like this:
    [quote:2ks4wsek][html]
    [code:2ks4wsek]
    #suckerfishnav { .... }
    [/code:2ks4wsek][/html][/quote:2ks4wsek]

    It doesn’t matter too much though. I often just reformat posts when posters don’t use the [html][code:2ks4wsek][/code:2ks4wsek][/html] tags. It’s not big deal.

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