Hi Brian,
Thanks for replying.
Screenshot couple of screenshots attached.
This is the code from the page template i want to add the drop down menu to
<!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">
<head>
<title>[(site_name)] | [*pagetitle*]</title>
<base href="[(site_url)]" />
<meta http-equiv="Content-Type" content="text/html; charset=[(modx_charset)]" />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link rel="SHORTCUT ICON" href="
http://www.rwsdatainstallations.co.uk/favicon.ico"/>
<link rel="stylesheet" type="text/css" href="assets/rws/css/style.css" />
<link rel="stylesheet" type="text/css" href="assets/rws/css/reset.css" />
<link rel="stylesheet" type="text/css" href="assets/rws/css/jquery.lightbox-0.5.css.htm" media="screen" />
<script type="text/javascript" src="assets/rws/js/jquery-1.2.6.js"></script>
<script type="text/javascript" src="assets/rws/js/jquery.cycle.all.min.js"></script>
<script type="text/javascript" src="assets/rws/js/jquery.easing.1.1.1.js"></script>
<script type="text/javascript" src="assets/rws/js/script.js"></script>
<script type="text/javascript" src="assets/rws/js/jquery.lightbox-0.5.js"></script>
<!--[if IE 6]>
<link rel="stylesheet" href="assets/rws/css/ie6.css" type="text/css" media="screen" />
<script type=’text/javascript’ src=’assets/rws/js/dd_belated_png.js’></script>
<script>DD_belatedPNG.fix(’#main_slider_con,.png,.featured_box_icon,.box2_top,.box_top,.box2_bottom,.box_bottom,#search,.slider_buttons,#pages_slider_con’);</script>
<![endif]-->
<script type="text/javascript">
$(function() {
$(’a.l_box’).lightBox();
});
</script>
</head>
<body>
<div id="con0" align="center">
<div id="con1">
<div id="header">
<!-- logo -->
<div id="logo2"><a href="
http://www.rwsdatainstallations.co.uk/" title=""><img src="assets/rws/images/logo2.png" alt="R W S Data Installations" class="png" /></a></div>
<!-- /logo -->
</div>
</div>
<div id="pages_slider_con">
{{navigation}}
<!-- title area -->
<div id="title_area">
<div class="title_area_style_1">
<h1>[*longtitle*]</h1>
</div>
</div>
<!-- /title area -->
</div>
<!-- content area-->
<div id="content_con">
<div class="box_in"></div>
<div class="box2_top"></div>
<div class="box2_content">
<!-- left side-->
<div id="page_left">
<div id="sub_nav"><a href="">Home</a> \ [*pagetitle*]</div>
<div class="f_box4_hr"><img src="assets/rws/images/pixel.gif" alt="" /></div>
<div class="content">
[*content*]
</div>
</div>
<!-- / left side -->
<!-- right side -->
<div id="page_right_cont">
<div class="page_right">
<div class="page_right_2"></div>
<div class="right_box">
{{submenu}}
</div>
<div class="page_right_3"></div>
</div>
<div class="page_right">
<div class="page_right_2"></div>
{{testimonials}}
<div class="box_r"></div>
<div class="page_right_3"></div>
</div>
<!-- / box 2 -->
</div>
<!-- / right side -->
<div style="clear:both;"></div>
</div>
<div class="box2_bottom"> </div>
</div>
<!-- /content area-->
<div class="box_in"></div>
{{footer}}
Hope you can help me
:)