How to move menu upwards

  • Resolved suizka

    (@suizka)


    14 years, 6 months ago

    Hi!

    Im currently trying to move my menu upwards, above the slideshow, and under the logo to the right – im not sure where to find this code and how it should be changed. Here is my the link to my site

    Also if anyone could also tell me how to change the menu font color as black with no background color, here is the css code:

    ‘/************************* MASTHEAD ************************************/
    .pusher {cursor:pointer;}
    #masthead { background: padding: 0;border-top:5px solid #fff;}
    #masthead h4 {margin:1em 0;font-weight: bold; text-transform: uppercase;width:100%;}
    #masthead h4 a { color: #333; text-decoration: none; float:left;}
    #masthead h4 a:hover {color:#000;}
    #masthead span {color:#000;font-size:.8em;text-transform:lowercase;font-weight:normal;}
    #masthead span.description {float:left;margin-left: 20px;padding-top:.2em;}
    #masthead span.contact {float:right;line-height:1em;}
    #masthead span.contact a:hover {color:#000;}

    .sf-menu ul {list-style: none;padding: 0;margin: 0px 0 20px 0 ;background-color: #fff;font-size: 1em;height:25px;}
    .sf-menu ul li {text-align: left;float: right;height: 25px;margin: 0;background: #000;border-right:1px solid #666;padding: 0;}
    .sf-menu ul li a {display: block;width: 100px;padding: 7px 5px 22px 7px;color: #aaa;font-size: 11px;text-decoration: none;text-shadow: 0 0 0 #000;}
    #navcontainer>.sf-menu ul li a {width: auto;height: auto;height: 8px}
    .sf-menu ul li#active a {background: #333;color: #333;}
    .sf-menu ul li a:hover,.sf-menu ul li#active a:hover {color: #fff;background-color: #000;}
    .sf-menu ul li.home {border-left: none;}
    .sf-menu ul li li {border:none; border-bottom: 1px solid #333;}’

Viewing 9 replies - 1 through 9 (of 9 total)

  • In your main index.php you need to move all div: sf-menu code Just BELOW the </h1>.

    Did it work?..

    Thread Starter suizka

    (@suizka)

    Hi! I cant seem to find div: sf-menu or </h1> , here is the code I have in index.php:

    ‘<?php get_header(); ?>

    <?php $i = 0; ?>
    <?php if (have_posts()) : while (have_posts()) : the_post(); if( $post->ID == $do_not_duplicate ) continue; update_post_caches($posts); $i++; ?>
    <div class=”span-8 post-<?php the_ID(); ?><?php if ($i == 3) { ?> last<?php } ?>”>
    <h6 class=”archive-header”>” rel=”bookmark” title=”Permanent Link to <?php the_title_attribute(); ?>”><?php the_title() ?></h6>
    <?php get_the_image( array( ‘custom_key’ => array( ‘thumbnail’ ), ‘default_size’ => ‘thumbnail’, ‘width’ => ‘310’, ‘height’ => ‘150’ ) ); ?>
    <?php the_excerpt(); ?>
    <p class=”postmetadata”><?php the_time(‘M d, Y’) ?> | <?php comments_popup_link(‘Have your say »’, ‘1 Comment »’, ‘% Comments »’); ?></p>
    </div>
    <?php if ($i == 3) { ?><div class=”archive-stack clear”></div><?php $i = 0; } ?>
    <?php endwhile; endif; ?>

    <div class=”clear”></div>

    <div class=”navigation”>
    <div><?php next_posts_link(‘« Older Entries’) ?></div>
    <div><?php previous_posts_link(‘Newer Entries »’) ?></div>
    </div>

    <?php include (TEMPLATEPATH . “/bottom.php”); ?>
    <?php get_footer(); ?>’

    I think header.php is the location

    Thread Starter suizka

    (@suizka)

    Cant seem to find it there either?

    “<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Strict//EN” “https://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd”&gt;
    <html xmlns=”https://www.w3.org/1999/xhtml&#8221; <?php language_attributes(); ?>>

    <head profile=”https://gmpg.org/xfn/11″&gt;

    <meta http-equiv=”Content-Type” content=”<?php bloginfo(‘html_type’); ?>; charset=<?php bloginfo(‘charset’); ?>” />
    <title><?php bloginfo(‘name’); ?><?php if ( is_single() ) { ?> » Archive <?php } ?> <?php wp_title(); ?></title>

    <meta name=”generator” content=”WordPress <?php bloginfo(‘version’); ?>” /> <!– leave this for stats –>
    <!– Styles –>
    <link rel=”stylesheet” type=”text/css” href=”<?php bloginfo(‘stylesheet_url’); ?>” />
    <link rel=”stylesheet” href=”<?php bloginfo(‘template_directory’); ?>/css/print.css” type=”text/css” media=”print” />
    <!–[if IE]><link rel=”stylesheet” href=”<?php bloginfo(‘template_directory’); ?>/css/ie.css” type=”text/css” media=”screen, projection” /><![endif]–>
    <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’); ?>” />
    <?php wp_head(); ?>
    </head>

    <body>
    <div class=”container”>
    <div class=”container-inner”>

    <!– Begin rss –>
    <div id=”inside-subscribe”>” class=”feed”>subscribe to entries or ” class=”feed”>subscribe to comments</div>
    <div class=”clear”></div>

    <!– Begin Masthead –>
    <h1 id=”site-title”>
    <span>
    ” rel=”home” title=”<?php bloginfo(‘name’);?>”>
    <img src=”<?php echo bloginfo (‘template_directory’);?>/images/logo.png” alt=”<?php bloginfo (‘name’);?>” />

    </span>
    </h1><!–end of h1 site-title–>

    <?php /* If this is home */ if (is_home()) { ?>
    <?php include (TEMPLATEPATH . ‘/slideshow.php’); ?>
    <?php } ?>

    <?php if ( $paged > 1 ) { ?>
    <?php } ?>

    <!– Begin Navigation –>

    <?php gpp_theme_nav(); ?>

    </div>”

    ahhh…that explains it…..

    <?php gpp_theme_nav(); ?> brings in your menu (which includes the sf-menu bit)

    <?php include (TEMPLATEPATH . '/slideshow.php'); ?>

    brings in your slideshow….

    <?php /* If this is home */ if (is_home()) { ?>
<?php include (TEMPLATEPATH . '/slideshow.php'); ?>
<?php } ?>

<?php if ( $paged > 1 ) { ?>
<?php } ?>

<!-- Begin Navigation -->

<?php gpp_theme_nav(); ?>

    I think could become….

    <?php if ( $paged > 1 ) { ?>
<?php } ?>

<!-- Begin Navigation -->

<?php gpp_theme_nav(); ?>

<?php /* If this is home */ if (is_home()) { ?>
<?php include (TEMPLATEPATH . '/slideshow.php'); ?>
<?php } ?>

    Now please back up before trying this…..as I’m not familiar with your theme so I’m experimenting

    also, when you post code (I see you keep trying) the backtic is over on the left, under the ESC key, same key as the tilde~

    well spotted, Rev.

    Just add one more line in the nav.css file

    inside this tag

    sf-menu ul{
    margin-top : -11px;
    }

    Try and reply if it works

    Thread Starter suizka

    (@suizka)

    Hi!!! Just got back home and tried out what you said Rev. and it worked!!!!!!!! Fantastic, Im so happy! Thank you ever so much for everyones help, it is so very appreciated!

Viewing 9 replies - 1 through 9 (of 9 total)
  • The topic ‘How to move menu upwards’ is closed to new replies.

Tags