WordPress › Support » How to move menu upwards

suizka
Member
Posted 1 year 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;}'
Lou Sparx
Member
Posted 1 year ago #

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

Did it work?..
suizka
Member
Posted 1 year ago #

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(); ?>'
Rev. Voodoo
Volunteer Moderator
Posted 1 year ago #

I think header.php is the location
suizka
Member
Posted 1 year ago #

Cant seem to find it there either?

"<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.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 bloginfo('name'); ?><?php if ( is_single() ) { ?> » Archive <?php } ?> <?php wp_title(); ?></title>

<meta name="generator" content="WordPress <?php bloginfo('version'); ?>" /> 

<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" />

<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">


<div id="inside-subscribe">" class="feed">subscribe to entries or " class="feed">subscribe to comments</div>
<div class="clear"></div>


<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>

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

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



<?php gpp_theme_nav(); ?>

</div>"

Rev. Voodoo
Volunteer Moderator
Posted 1 year ago #

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

Rev. Voodoo
Volunteer Moderator
Posted 1 year ago #

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~
Lou Sparx
Member
Posted 1 year ago #

well spotted, Rev.
rddcse
Member
Posted 1 year ago #

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
suizka
Member
Posted 1 year ago #

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!

Topic Closed

This topic has been closed to new replies.

WordPress.org

Forums

[resolved] How to move menu upwards (10 posts)

Topic Closed

About this Topic

Tags

Code is Poetry