Moving the Navigation Menu in 7.0.3

I am looking to move the navigation menu from its default position to the top of the header. Can someone give me a headsup on the files that are involved, and maybe soe of the pitfalls indoing this if any?

Hello open the templates\base\_sub_header.html

find and move to you needed position these code lines:

<div class="sys_top_menu">
<bx_injection:injection_top_menu_before />
__top_menu__
<bx_injection:injection_top_menu_after />
<div class="clear_both">&nbsp;</div>
</div>

 Do you mean move it to a different location in the same file or move it to a different file?

<bx_include_auto:_header.html />

    <bx_injection:banner_left />
    <bx_injection:banner_right />
    __extra_top_menu__
    <!-- all I did here was move this section of the code to move the nav bar -->
    <div class="sys_top_menu">
        <bx_injection:injection_top_menu_before />
        __top_menu__
        <bx_injection:injection_top_menu_after />  
  <div class="clear_both">&nbsp;</div>
 </div> <!-- this is the bottom of the section of code I moved-->
    <div class="sys_main_logo">
  <div class="sys_ml" style="width:__main_div_width__;">
            <div class="sys_ml_wrapper">
                <bx_injection:injection_logo_before />
       __main_logo__
       <bx_injection:injection_logo_after />
            </div>
  </div>
  <bx_injection:banner_top />
 </div>
 <bx_injection:injection_between_logo_top_menu />
 <!-- <div class="sys_top_menu">
        <bx_injection:injection_top_menu_before />
        __top_menu__
        <bx_injection:injection_top_menu_after />  
  <div class="clear_both">&nbsp;</div>
 </div> -->
 <bx_injection:injection_between_top_menu_breadcrumb />
 <div class="sys_breadcrumb">
    <div class="sys_bc_wrapper" style="width:__main_div_width__;">
            <bx_injection:injection_breadcrumb_before />  
            __top_menu_breadcrumb__
            <bx_injection:injection_breadcrumb_after />
            <div class="clear_both">&nbsp;</div>
        </div>
    </div>
 <bx_injection:injection_between_breadcrumb_content />
 <!-- end of top -->
 
 <bx_injection:injection_content_before />
 <div class="main" style="border:0px; width:__main_div_width__;">
        <!-- body -->
        <bx_injection:injection_content_before />
       

Ok I commented out the original position of the code mentioned and placed it near the top of the code. You will see where i also commented the new position. However when i did this and cleared the caches and then refreshed the page yes the nav bar was now at the top of the page but then I now have a duplication of the menu in text form along the left side of the page. Something went a bit wonky there? Any suggestions?

See the attached jpg for the results. It also seems as though the navigation bar was only duplicated  to the top of the page and not moved.

anybody?

I think will be better if you post in job section