changing dimensions of my theme's menu

  • Hello everybody,

    I would like to change the size of of my div class=”header” ></div> (I have been experiencing with the “firefox inspector” )
    I would like to shorten its length, so that it is not infringing on the content box (where I post my text) and I would like to extend it by 1.20 inches (3cm) on each sides.

    Also, I would like to center my blog-title, and have the pages come underneath, on another line (as of now, the pages are on the same line as the blog-title, except if I have 11 pages, only then do they go onto the next line).

    Here is my header.php. I think this is what needs modification but I do not really know what to change in it :/

    <!DOCTYPE html>
<html <?php language_attributes(); ?>>
<head>
<?php global $data; ?>
<meta charset="<?php bloginfo( 'charset' ); ?>" />
<title><?php
    /*
     * Print the <title> tag based on what is being viewed.
     * We filter the output of wp_title() a bit -- see
     * twentyten_filter_wp_title() in functions.php.
     */
    wp_title( '|', true, 'right' );

    ?></title>
<link rel="profile" href="https://gmpg.org/xfn/11" />
<link rel="stylesheet" type="text/css" media="all" href="<?php bloginfo( 'stylesheet_url' ); ?>" />
<link type="text/css" rel="stylesheet" href="<?php echo get_template_directory_uri(); ?>/style/css/jquery.jscrollpane.css" media="all" />
<link type="text/css" rel="stylesheet" href="<?php echo get_template_directory_uri(); ?>/style/css/prettyPhoto.css" media="all" />
<link href="https://fonts.googleapis.com/css?family=Amaranth:400,400italic" rel="stylesheet" type="text/css" />
<!--[if IE 8]>
<link rel="stylesheet" type="text/css" href="<?php echo get_template_directory_uri(); ?>/style/css/ie8.css" media="all" />
<![endif]-->
<link rel="pingback" href="<?php bloginfo( 'pingback_url' ); ?>" />
<?php
    /* We add some JavaScript to pages with the comment form
     * to support sites with threaded comments (when in use).
     */
    if ( is_singular() && get_option( 'thread_comments' ) )
        wp_enqueue_script( 'comment-reply' );

    /* Always have wp_head() just before the closing </head>
     * tag of your theme, or you will break many plugins, which
     * generally use this hook to add elements to <head> such
     * as styles, scripts, and meta tags.
     */
    wp_head();
?>
<script type="text/javascript">
$(function() {
    $(".slider").fss({
    enableKeyboardNavigation: false,
    transition: '<?php if ($data['slide_direction']) { ?><?php echo $data['slide_direction']; ?><?php } else {?>horizontal<?php }?>-slide'
    });
});
</script>

<?php if ($data['outer']) { ?>
<style type="text/css">
.outer-wrapper {
padding-top: <?php echo $data['outer']; ?>px;
}
</style>
<?php } else {?>
<?php }?>

</head>

<div id="wrapper">
<div id="header-wrapper">
<div class="header">
  <div id="menu">

    <!--Top menu starts-->
    <a href="<?php echo home_url(); ?>" class="logo special-anchor">
    <?php if ($data['logo']) { ?><img src="<?php echo $data['logo']; ?>" alt="<?php bloginfo( 'name' ); ?>" /><?php } else {?><h1 class="blog-title"><?php bloginfo( 'name' ); ?></h1><?php }?>
    </a>
    <ul id="top-menu">

        <?php
        global $query_string;
        query_posts($query_string . "post_type=page&post_status=publish&posts_per_page=9999&orderby=menu_order&order=ASC");
        if ( have_posts() ) : while ( have_posts() ) : the_post();
        ?>

        <li> <a href="#/<?php echo the_slug(); ?>" class="special-anchor"><?php the_title(); ?></a> </li>
    <?php endwhile; endif; ?>
    </ul>

    <!--Top menu ends-->
  </div>
  </div></div>

    Thank you for your help ??
    Pru

Viewing 3 replies - 1 through 3 (of 3 total)
Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘changing dimensions of my theme's menu’ is closed to new replies.