1. Computer problem? Tech Support Guy is completely free -- paid for by advertisers and donations. Click here to join today! If you're new to Tech Support Guy, we highly recommend that you visit our Guide for New Members.

Solved Moving the navigation bar

Discussion in 'Web Design & Development' started by Johann24, May 12, 2017.

Thread Status:
Not open for further replies.
Advertisement
  1. Johann24

    Johann24 Thread Starter

    Joined:
    May 12, 2017
    Messages:
    3
    Good day

    I am struggling to move my navigation bar out of another box, it should be above it and under the company logo. Any help would greatly be appreciated.
    Here is my header template code in wordpress.

    Thank you

    <!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">
    <head>
    <meta http-equiv="Content-Type" content="<?php bloginfo('html_type'); ?>; charset=<?php bloginfo('charset'); ?>" />
    <title><?php if (is_home () ) { bloginfo('name'); echo " - "; bloginfo('description');
    } elseif (is_category() ) {single_cat_title(); echo " - "; bloginfo('name');
    } elseif (is_single() || is_page() ) {single_post_title(); echo " - "; bloginfo('name');
    } elseif (is_search() ) {bloginfo('name'); echo " search results: "; echo wp_specialchars($s);
    } else { wp_title('',true); }?></title>
    <meta name="robots" content="follow, all" />
    <link rel="stylesheet" href="<?php bloginfo('stylesheet_url'); ?>" type="text/css" media="screen" />
    <?php $favico = get_option('vmstyle_custom_favicon');?>
    <link rel="shortcut icon" href="<?php echo ($favico) ? $favico : get_bloginfo('template_directory').'/images/favicon.ico';?>"/>
    <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(); ?>
    <!--[if IE 6]>
    <link href="<?php bloginfo('template_directory');?>/css/ie6.css" rel="stylesheet" type="text/css" />
    <script type="text/javascript" src="<?php bloginfo('template_directory');?>/js/DD_belatedPNG.js"></script>
    <script type="text/javascript">
    DD_belatedPNG.fix('img');
    DD_belatedPNG.fix('#pager a, ul.list-bottom li');
    DD_belatedPNG.fix('#footer-content, .dot-separator');
    DD_belatedPNG.fix('blockquote');
    </script>
    <![endif]-->
    <!--[if IE 7]>
    <style type="text/css">
    #pager{top:260px;margin-left:0;right:20px;}
    #slideshow {height:298px;}
    #content .front-box-content{padding-bottom:45px;}
    .intouch { margin-top: -40px;}
    </style>
    <![endif]-->
    <!--[if IE 8]>
    <style type="text/css">
    #pager{top:260px;}
    </style>
    <![endif]-->
    <!-- ////////////////////////////////// -->
    <!-- // Javascript Files // -->
    <!-- ////////////////////////////////// -->
    <?php if (is_home()) :
    $slideshowspeed = (get_option('vmstyle_slideshowspeed')) ? get_option('vmstyle_slideshowspeed') : 5000;
    $slide_transition = (get_option('vmstyle_slide_transition')) ? get_option('vmstyle_slide_transition') : "fade";
    ?>
    <script type="text/javascript">
    jQuery(document).ready(function($) {
    $('#slideshow ul.slideshow').cycle({
    timeout: 10000, // milliseconds between slide transitions (0 to disable auto advance) <?php echo $slideshowspeed;?>
    fx: '<?php echo $slide_transition;?>', // choose your transition type, ex: fade, scrollUp, shuffle, etc...
    pager: '#pager', // selector for element to use as pager container
    pause: 0, // true to enable "pause on hover"
    pauseOnPagerHover: 0 // true to pause when hovering over pager link
    });
    });
    </script>
    <?php endif; ?>
    <script type="text/javascript" src="<?php bloginfo('template_directory');?>/js/cufon-yui.js"></script>
    <?php $cufon_fonts = get_option('vmstyle_cufon_fonts'); if ($cufon_fonts == "") $cufon_fonts = "Vegur_300.font.js";?>
    <script type="text/javascript" src="<?php bloginfo('template_directory');?>/js/fonts/<?php echo $cufon_fonts;?>"></script>

    <script type="text/javascript">
    Cufon.replace('h1') ('h2') ('h3') ('h4') ('h5') ('h6') ('.slide-more') ('.heading1-slide') ('.heading2-slide') ('ul.navigation li a',{hover:true})('.more-button') ('.page-navigation',{hover:true}) ('.date') ('.month') ('.wp-pagenavi') ;
    Cufon.set('fontWeight', 'Normal');
    </script>

    <meta name="google-site-verification" content="SFhwdkykw099dGOrr9MwwHIohIgmCE8Nix7XrrhOpYg" />
    <script type="text/javascript" src="https://secure.leadforensics.com/js/8894.js"></script>
    </head>
    <body>
    <div id="container">

    <!-- BEGIN OF HEADER -->
    <div <?php if (is_home()) echo 'id="top-container"'; else echo 'id="top-container-inner"';?>>

    <!-- begin of logo and mainmenu -->
    <div id="header">
    <div id="logo">
    <?php $logo_url = get_option('vmstyle_logo');?>
    <a href="<?php bloginfo('url');?>"><img src="<?php if ($logo_url != "") {echo $logo_url;} else { echo bloginfo('template_directory').'/images/logo.gif';}?>" alt="<?php bloginfo('blogname');?>" /></a>


    </div>

    <div id="mainmenu">
    <?php
    if (function_exists('wp_nav_menu')) {
    wp_nav_menu( array( 'menu_class' => 'navigation', 'theme_location' => 'topnav', 'fallback_cb'=>'vmstyle_topmenu_pages','depth' =>4 ) );
    } else {
    vmstyle_topmenu_pages();
    } ?>
    </div>
    </div>
    <!-- end of logo and mainmenu -->

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

    <!-- begin of welcome-slogan -->
    <?php if (is_home()) : ?>
    <div id="slogan">
    <?php $site_slogan = get_option('vmstyle_site_slogan');?>
    <h1 class="home"><?php if ($site_slogan) echo stripslashes($site_slogan); else echo "Valuemetrics";?></h1>
    </div>
    <div class="dot-separator"></div>
    <div id="contact-us"><a href="/contact/"><img src="/wp-content/themes/vmstyle/images/contact-us.png" /></a></div>
    <div id="get-in-touch" style="display:none;">
    <?php
    $contactbox_text = get_option('vmstyle_contactbox_text');
    $contactbox_link = get_option('vmstyle_contactbox_link');
    $contactbox_image = get_option('vmstyle_contactbox_image');
    ?>
    <a href="<?php echo ($contactbox_link) ? $contactbox_link : "#";?>"><img src="<?php bloginfo('template_directory');?>/timthumb.php?src=<?php echo $contactbox_image ? $contactbox_image : get_bloginfo('template_directory').'/images/iMail.png';?>&amp;h=56&amp;w=63&amp;zc=1" alt="" class="get-in-touch"/><h4 class="intouch"><?php echo $contactbox_text ? $contactbox_text : __('Get in Touch','vmstyle');?></h4></a>
    <p style="font-weight: bold; font-size: 11px;">(UK) +44 (0) 1676 523 535
    </br>(SA) +27 (0) 7318 77044</p>
    </div>
    <?php endif; ?>
    <!-- end of welcome-slogan -->

    </div>
    <!-- END OF HEADER -->
     

    Attached Files:

    • nav.png
      nav.png
      File size:
      266.8 KB
      Views:
      3
  2. JiminSA

    JiminSA

    Joined:
    Dec 15, 2011
    Messages:
    3,004
    It would be a lot easier to decipher, if you gave us a link to the page, if it has been uploaded to a site.
     
  3. Johann24

    Johann24 Thread Starter

    Joined:
    May 12, 2017
    Messages:
    3
    Good day
    The page is: http://www.valuemetrics.co.uk/
    I've spend some time and managed to figure it out by adding and customizing the navigation menu margins and it works well now. Thank you.
     
  4. JiminSA

    JiminSA

    Joined:
    Dec 15, 2011
    Messages:
    3,004
    I'm glad that your sorted ...
     
As Seen On
As Seen On...

Welcome to Tech Support Guy!

Are you looking for the solution to your computer problem? Join our site today to ask your question. This site is completely free -- paid for by advertisers and donations.

If you're not already familiar with forums, watch our Welcome Guide to get started.

Join over 733,556 other people just like you!

Loading...
Thread Status:
Not open for further replies.

Short URL to this thread: https://techguy.org/1189843