Hello all DP's! I have a problem with the logo of my website - http://freewebbase.com . The space for the logo is too small. As you can see, the table with the menu is too high. How can I move a little down the table so that the logo can be visible? Here is the code of the header: <!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" xml:lang="en-gb" lang="en-gb" > <head> <meta http-equiv="content-type" content="text/html; charset=utf-8" /> <meta name="description" content="<?php bloginfo('description'); ?>" /> <meta name="generator" content="Wordpress" /> <title><?php bloginfo('name'); ?></title> <link rel="alternate" type="application/rss+xml" title="RSS 2.0" href="<?php bloginfo('rss2_url'); ?>" /> <link rel="alternate" type="text/xml" title="RSS .92" href="<?php bloginfo('rss_url'); ?>" /> <link rel="alternate" type="application/atom+xml" title="Atom 0.3" href="<?php bloginfo('atom_url'); ?>" /> <link rel="pingback" href="<?php bloginfo('pingback_url'); ?>" /> <script type="text/javascript" src="<?php bloginfo('template_directory'); ?>/js/mootools.js"></script> <link rel="shortcut icon" href="<?php bloginfo('template_directory'); ?>/images/favicon.ico" /> <link href="<?php bloginfo('template_directory'); ?>/css/template.css" rel="stylesheet" type="text/css" /> <link href="<?php bloginfo('template_directory'); ?>/css/<?php echo get_option('mynxx_body_style'); ?>.css" rel="stylesheet" type="text/css" /> <link href="<?php bloginfo('template_directory'); ?>/css/typography.css" rel="stylesheet" type="text/css" /> <link href="<?php bloginfo('template_directory'); ?>/css/rokmoomenu.css" rel="stylesheet" type="text/css" /> <link href="<?php bloginfo('template_directory'); ?>/css/wp.css" rel="stylesheet" type="text/css" /> <style type="text/css"> div.wrapper,#main-body-bg { margin: 0 auto; width: <?php echo get_option('mynxx_template_width'); ?>;padding:0;} #inset-block-left { width:0px;padding:0;} #inset-block-right { width:0px;padding:0;} #maincontent-block { margin-right:0px;margin-left:0px;} a, legend, #main-body ul.menu li a:hover, #main-body ul.menu li.parent li a:hover, #main-body ul.menu li.parent ul li.parent ul li a:hover, #main-body ul.menu li.active a, #main-body ul.menu li.parent li.active a, #main-body ul.menu li.parent li.parent li.active a, #main-body ul.menu li.cat-open a, #main-body ul.menu li.parent li.cat-open a, #main-body ul.menu li.parent li.parent li.cat-open a, .roktabs-wrapper .roktabs-links ul li.active span, .color h3 span, #vmMainPage span.catbar-text h3, div.pathway a, #main-body ul.menu li.active ul li a:hover {color: <?php echo get_option('mynxx_primary_color'); ?>;} #page-bg, .roktabs-wrapper .roktabs-links ul li.active span {border-top: 3px solid <?php echo get_option('mynxx_primary_color'); ?>;} .tabs-bottom .roktabs-links ul li.active span {border-bottom: 3px solid <?php echo get_option('mynxx_primary_color'); ?>;border-top: 0;} </style> <?php if (rok_isIe()) :?> <!--[if IE 7]> <link href="<?php bloginfo('template_directory'); ?>/css/template_ie7.css" rel="stylesheet" type="text/css" /> <![endif]--> <?php endif; ?> <?php if (rok_isIe(6)) :?> <!--[if lte IE 6]> <link href="<?php bloginfo('template_directory'); ?>/css/template_ie6.css" rel="stylesheet" type="text/css" /> <script src="<?php bloginfo('template_directory'); ?>/js/DD_belatedPNG.js"></script> <script> DD_belatedPNG.fix('.png'); </script> <![endif]--> <?php endif; ?> <?php if (rok_isIe(6)) :?> <script type="text/javascript" src="<?php bloginfo('template_directory'); ?>/js/rokie6warn.js"></script> <?php endif; ?> <script type="text/javascript" src="<?php bloginfo('template_directory'); ?>/js/rokutils.js"></script> <script type="text/javascript" src="<?php bloginfo('template_directory'); ?>/js/rokmoomenu.js"></script> <script type="text/javascript" src="<?php bloginfo('template_directory'); ?>/js/mootools.bgiframe.js"></script> <?php if (get_option('rokbox_enabled') == "true" ) { ?> <script type="text/javascript">var rokboxPath = "<?php bloginfo('template_directory'); ?>/js/rokbox/";</script> <script type="text/javascript" src="<?php bloginfo('template_directory'); ?>/js/rokbox/rokbox.js"></script> <link href="<?php bloginfo('template_directory'); ?>/js/rokbox/themes/<?php echo get_option('rokbox_style'); ?>/rokbox-style.css" rel="stylesheet" type="text/css" /> <script type="text/javascript" src="<?php bloginfo('template_directory'); ?>/js/rokbox/themes/<?php echo get_option('rokbox_style'); ?>/rokbox-config.js"></script> <?php } ?> <script type="text/javascript"> window.addEvent('domready', function() { new Rokmoomenu($E('ul.menutop '), { bgiframe: false, delay: 500, verhor: true, animate: { props: ['height'], opts: { duration: 600, fps: 200, transition: Fx.Transitions.Sine.easeOut } }, bg: { enabled: true, overEffect: { duration: 500, transition: Fx.Transitions.Expo.easeOut }, outEffect: { duration: 600, transition: Fx.Transitions.Sine.easeOut } }, submenus: { enabled: true, opacity: 0.8, overEffect: { duration: 50, transition: Fx.Transitions.Expo.easeOut }, outEffect: { duration: 600, transition: Fx.Transitions.Sine.easeIn }, offsets: { top: 0, right: 1, bottom: 0, left: 1 } } }); }); </script> <?php wp_head(); ?> </head> <body id="<?php echo get_option('mynxx_font_face'); ?>" class="<?php echo get_option('mynxx_font_size'); ?> <?php echo get_option('mynxx_preset_style'); ?> <?php echo get_option('mynxx_body_style'); ?> iehandle"> <div id="page-bg"> <!--Begin Header--> <div id="header"> <div class="wrapper"> <a href="<?php bloginfo('wpurl'); ?>/" id="logo"><span class="logo-text"><?php bloginfo('description'); ?></span></a> <div id="horiz-menu" class="moomenu"> <ul class="menutop"> <li class="home<?php if ( is_front_page() ) echo ' active';?>" <?php if ( is_front_page() ) echo 'id="current"';?>><a href="<?php bloginfo('home'); ?>/" class="link"><span><?php _e('Home'); ?></span></a></li> <?php $my_pages = wp_list_pages('echo=0&title_li=&link_before=<span>&link_after=</span>'); $lines = explode("\n", $my_pages); $output = ""; foreach($lines as $line) { $line = trim($line); if (substr($line, 0, 4) == "<li ") { if (preg_match("/current_page_item/", $line)) $line = str_replace("<li ", '<li id="current" ', str_replace("current_page_item", "active", $line)); if (substr($line, -5, 5) != "</li>") { preg_match("#class=(?<!\\\)\"(.*)(?<!\\\)\"#U", $line, $klass); if (count($klass)) { $klass = $klass[0]; $new_klass = substr($klass, 0, -1); $line = str_replace($klass, $new_klass.' parent"', $line); } } } else if (substr($line, 0, 4) == "<ul>") $line = str_replace("<ul>", '<div class="drop-wrap columns-1"><ul class="png columns-1">', $line); else if (substr($line, 0, 5) == "</ul>") $line = str_replace("</ul>", '</ul></div>', $line); $output .= $line."\n"; } $output = str_replace("<a", '<a class="link"', $output); echo $output; ?> </ul> </div> <div class="clr"></div> </div> </div> <!--End Header--> <div class="wrapper"> PHP: Thanks!
In template.css on line 2 you have the dimensions of your logo set to width: 390px;height: 44px; try changing them to width: 600px; height: 150px; Another thing I would change in template.css, for #header (line 40) you have #header {padding: 30px 0;} that seems a little unneccessary, try changing it to #header {padding-top: 30px 0;} might make it look a little nicer. Cheers!