Moving Nav bar

bolaykim · Member · Mar 18, 2012 at 8:51 pm
Copy link

Add topic to favorites
Hi,

Im using Modularity Lite, i just couldnt my nav bar always on top and i dont really understand css… I wonder if someone can help me about moving nav bar down to header? I searched some topic but i didnt get any of them, they are too complicated. Here my Header.php file, i guess i need to change something here :)

<spoiler><?php

/**

* @package WordPress

* @subpackage Modularity

*/

?>

<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”>

<!–[if lte IE 6]>

<html xmlns=”http://www.w3.org/1999/xhtml” <?php language_attributes(); ?> class=”lteIE6″>

<![endif]–>

<!–[if !IE]><!–>

<html xmlns=”http://www.w3.org/1999/xhtml” <?php language_attributes(); ?>>

<!– <![endif]–>

<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 bloginfo(‘name’); ?></title>

<!– 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(‘stylesheet_directory’); ?>/library/styles/ie.css” type=”text/css” media=”screen, projection” /><![endif]–>

<!–[if lte IE 7]><link type=”text/css” href=”<?php bloginfo(‘stylesheet_directory’); ?>/library/styles/ie-nav.css” rel=”stylesheet” media=”all” /><![endif]–>

<link rel=”pingback” href=”<?php bloginfo(‘pingback_url’); ?>” />

<?php if ( is_singular() && get_option( ‘thread_comments’ ) )

wp_enqueue_script( ‘comment-reply’ ); ?>

<?php wp_head(); ?>

</head>

<body <?php body_class(); ?>>

<div id=”top”>

<!– Begin Masthead –>

<div id=”masthead”>

<h4 class=”left”>” title=”<?php _e( ‘Home’, ‘modularity’ ); ?>” class=”logo”><?php bloginfo( ‘name’ ); ?> <span class=”description”><?php bloginfo( ‘description’ ); ?></span></h4>

</div>

<?php wp_nav_menu( array( ‘theme_location’ => ‘primary’, ‘container_class’ => ‘main-nav’ ) ); ?>

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

</div>

<div class=”container”>

<div class=”container-inner”>

<?php if ( get_theme_mod( ‘header_image’ ) ) : ?>

<div id=”header-image”>

<img src=”<?php header_image() ?>” width=”950″ height=”429″ alt=”” />

</div>
</spoiler>
<?php endif; ?>

Thanks for your help ^_^
my website is http://www.bolaykimfansub.com
supportbot · Member · Mar 18, 2012 at 8:51 pm
Copy link
You did not specify a blog address or reason for posting when you created this topic.

This support forum is for blogs hosted at WordPress.com. If your question is about a self-hosted WordPress blog then you’ll find help at the WordPress.org forums.

If you don’t understand the difference between WordPress.com and WordPress.org, you may find this information helpful.

If you forgot to include a link to your blog, you can reply and include it below. It’ll help people to answer your question.

This is an automated message.
timethief · Member · Mar 18, 2012 at 8:56 pm
Copy link
The blog linked to your username is a free hosted WordPress.com blogs and only Staff provide CSS editing support these days. They will not be available until Monday. http://en.support.wordpress.com/contact/

Have you read the full entry here?

Does the Custom Design upgrade let me edit HTML?
No. The Custom Design upgrade allows you to edit fonts and CSS only. You can change the appearance of a theme, but not its HTML markup, PHP code, or content. You can choose to apply your custom fonts or custom stylesheet to any of the themes available on WordPress.com. Some themes, like the plain but versatile Sandbox and Toolbox, are blank canvases waiting for your custom fonts, CSS and images. http://en.support.wordpress.com/custom-design/#frequently-asked-questions
designsimply · Member · Mar 27, 2012 at 6:36 pm
Copy link
To move the top navigation below the slideshow in the Modularity Lite theme at WordPress.com, add this to your Appearance → Custom Design → CSS page:
```
#top {
position: relative;
}

.main-nav {
position: absolute;
right: 0;
bottom: -495px;
}

#sidebar {
margin-top: 20px;
}
```

No items found.