Make the top main menu bar follow when I scroll

Hello again, anyone know how to make the top main menu bar follow as I scroll down.

 

Thanks in advance my site is http://razzlebird.com

Quote · 2 Feb 2012

you can do this in top_menu.css at line 1 replace with this

#top1{
width: 100%;
border-bottom: 1px solid #B5B5B5;
height:55px;
z-index: 10000;
position: fixed;
top: 0;
}
Good luck
so much to do....
Quote · 2 Feb 2012

Hello I am public_html/templates/tmpl_tmd027/css/top_menu.css  but I don't see the code you told me to look for.

Quote · 2 Feb 2012

this is the original code

#top1{
width100%;
border-bottom1px solid #B5B5B5;
height:55px;
z-index10000;
}
and replace it with the one given above
so much to do....
Quote · 2 Feb 2012

I don't see that code this is what that file shows:

 

@import url(../base/css/top_menu.css);
div.sys_top_menu  {
}
.topMenu a, .topMenu a:link, .topMenu a:visited, .topMenu b {
background:none;
color:#2b2b2b;
line-height:34px;
}
.topMenu a span.down, .topMenu b span.down {
background:none;
}
.topMenu td#tm_active a.top_link, .topMenu td#tm_active a.top_link:link, .topMenu td#tm_active a.top_link:visited, .topMenu td#tm_active a.top_link:active {
padding:9px 0 9px 5px;
line-height:34px;
color:#2b2b2b;
background:url(../images/bg-active.png) center 11px repeat-x;
}
.topMenu td#tm_active a span.down {
background-image:none;
}
.topMenu td.top:hover a.top_link, .topMenu td.top:hover a.top_link:link, .topMenu td.top:hover a.top_link:visited, .topMenu td.top:hover a.top_link:active {
padding:9px 0 9px 5px;
line-height:34px;
color:#2b2b2b;
}
.topMenu td.top:hover a span.down, .topMenu td.top:hover b span.down {
background-image:none;
}
.topMenu a span.down img, .topMenu b span.down img {
margin:9px auto 7px;
}
.topMenu {
height:51px;
}
table.topMenu td.top {
border-right:0px;
padding-right:2px;
background:url(../images/menu_list_bg.png) no-repeat right 13px;
}
table.topMenu td.top:last-child
{
background:none;
}
table.topMenu {
margin:0 auto 0px !important;
width:998px !important;
z-index:100 !important;
background:url(../images/bg-navi.png) 0 11px no-repeat;
}
#Container_inner .topMenu {
margin:0 auto 5px !important;
width:998px !important;
z-index:100 !important;
}
#Container_inner #header {
height:0 !important;
padding:1px 0 0 !important;
text-align:left !important;
}
#Container_inner div.sys_top_menu {
min-height:180px;

}
#Container_inner .sys_main_logo {
margin-top:60px;
z-index:100 !important;
}
div.subMenusContainer  {
border:0 none;
margin-top:150px;
padding:0 0 1px;
}
div.sys_breadcrumb {
height:32px !important;
width:100% !important;
}
#Container_inner div.sys_bc_wrapper {
margin:0 0 0 0;
width:998px!important;
}
div.sys_bc_wrapper {
background:url(../images/bg-breadcrumb.png) 0 2px no-repeat;
margin:0 auto;
height:32px;
width:998px;
}
.breadcrumb div.bc_open {
background:none;
}
.breadcrumb  {
background:none;
}
.breadcrumb div.bc_close {
background:none;
}
.breadcrumb  {
color:#2b2b2b;
font:normal 11px Verdana!important;
line-height:30px!important;
}
.breadcrumb a, .breadcrumb a:link, .breadcrumb a:visited, .breadcrumb a:hover, .breadcrumb a:active {
color:#2b2b2b;
font-size:11px!important;
}
.topMenu .top ul.sub {
background:#ecf7f8;
}
.topMenu ul.sub li:hover {
background:#9dcdd2;
color:#ffffff;
}
.topMenu ul.sub li:hover a
{
color:#ffffff;
}
.topMenu .top ul.sub .li_last_round {
background:none;
}
.topMenu .top ul.sub li {
border-top:1px solid #b5ccd0;
}
.topMenu ul.sub ul.more_sub li:hover {
background:#65b1e9;
color:#ffffff;
}
.topMenu ul.more_sub {
background:#f5f5f5;
margin-left:0px;
}
.topMenu ul.sub li a.button:hover {
color:#ffffff;
font-weight:bold;
}
.topMenu ul.sub li a.button {
margin:0 0 0 36px;
line-height:32px;
color:#191919;
}
.topMenu .sub a.more_ntop_element:hover {
color:#ffffff;
font-weight:bold;
}
.topMenu .sub a.more_top_element.active, .topMenu .sub a.more_ntop_element.active {
color:#191919;
}

.input_main {
color:#888;
}
.subMenu .subMenuContainerEmpty {
background:none;
}
.subMenusContainer .subMenuOvr .subMenuInfoKeeper a, .subMenusContainer .subMenuOvr .subMenuInfoKeeper a:link, .subMenusContainer .subMenuOvr .subMenuInfoKeeper a:visited, .subMenusContainer .subMenuOvr .subMenuInfoKeeper a:active {
font:bold 25px Times New Roman;
color:#000;
}
.subMenu .subMenuContainer {
background:url(../images/sub_menu_bg.png) left top no-repeat;
height:41px;
width:996px !important;
margin-left:2px;
}
.subMenu table td.usual div, .subMenu table td.tabbed div {
background:none repeat scroll 0 0 transparent !important;
}
.subMenu table td.tabbed div {
color:#000;
font:bold 11px/29px verdana;
}
.subMenu table a.sublinks, .subMenu table a.sublinks:link, .subMenu table a.sublinks:visited {
color:#666;
font:bold 11px/27px verdana;
}
.subMenu table a.sublinks:hover, .subMenu table a.sublinks:active {
background-color:transparent;
color:#000;
}
.breadcrumb img.bc_divider {
margin:6px 10px 0 0;
}
.subMenuOvr .sys_tm_actions input[type="submit"], .subMenuOvr .sys_tm_actions input.submit {
min-width:50px;
width:65px;
font:bold 13px verdana;
padding:10px 6px 27px;
}
.subMenuOvr .sys_tm_actions .button_wrapper, .subMenuOvr .sys_tm_actions .button_wrapper_close {
background-image:none;
}
.sys_tm_actions input[type="button"] {
background:none;
color:#000;
}
.topMenu ul.sub li:hover a.more_top_element {
color:#fff;
font-weight:bold;
}
#gse_search input {
* margin:0px 10px 0 30px;
}
.subMenuOvr .subMenuInfoKeeper {
color:#1e7acc;
}

Quote · 2 Feb 2012

OMG see you template file now i need to give you your template path also

templates/tmpl_xenon/css/top_menu.css

so much to do....
Quote · 2 Feb 2012

Geez I a idiot I was looking in the wrong template can someone say DUMBASS!Embarassed

Quote · 2 Feb 2012

ok I did that but it didn't work it just made the top color disappear

Quote · 2 Feb 2012

Im good now thanks!

Quote · 2 Feb 2012

you're welcome...:)

so much to do....
Quote · 2 Feb 2012

For some reason this only worked on some pages like chat also the chat bar area known as .disi is moving with the top menu I don't want that just the top menu to move any ideas?

Quote · 9 Feb 2012
 
 
Below is the legacy version of the Boonex site, maintained for Dolphin.Pro 7.x support.
The new Dolphin solution is powered by UNA Community Management System.