What there a question in there?
Thanks esmi for response.I am strucked on two points
1)I cant see pointer image in drop down of 2011 theme where if item places as li of submenu.i need arrow to be shown so that i can see menu placed under sub menu??????????????
2)increasing navigation menu width in 2011 word press to have more horizontal menus.
i tried using firebug but didint really help me
Thanx.need help pl
my code is
/* =Menu
-------------------------------------------------------------- */
#access {
background: #ed2525; /* Show a solid color for older browsers */
background: -moz-linear-gradient(#ed2525, #0a0a0a);
background: -o-linear-gradient(#ed2525, #0a0a0a);
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ed2525), to(#0a0a0a)); /* older webkit syntax */
background: -webkit-linear-gradient(#ed2525, #0a0a0a);
-webkit-box-shadow: rgba(0, 0, 0, 0.4) 0px 1px 2px;
-moz-box-shadow: rgba(0, 0, 0, 0.4) 0px 1px 2px;
box-shadow: rgba(0, 0, 0, 0.4) 0px 1px 2px;
clear: both;
display: block;
float: left;
margin: 0 auto 6px;
width: 100%;
}
#access ul {
font-size: 13px;
list-style: none;
margin: 0 0 0 -0.8125em;
padding-left: 0;
}
#access li {
float: left;
position: relative;
}
#access a {
color: #eee;
display: block;
line-height: 3.333em;
padding: 0 0.75em;
text-decoration: none;
}
#access ul ul {
-moz-box-shadow: 0 3px 3px rgba(0,0,0,0.2);
-webkit-box-shadow: 0 3px 3px rgba(0,0,0,0.2);
box-shadow: 0 3px 3px rgba(0,0,0,0.2);
display: none;
float: left;
margin: 0;
position: absolute;
top: 3.333em;
left: 0;
width: 188px;
z-index: 99999;
}
#access ul ul ul {
left: 100%;
top: 0;
}
#access ul ul a {
background: #f9f9f9;
border-bottom: 1px dotted #ddd;
color: #444;
font-size: 13px;
font-weight: normal;
height: auto;
line-height: 0.4em;
padding: 10px 8px;
width: 180px;
}
#access li:hover > a,
#access ul ul :hover > a,
#access a:focus {
background: #efefef;
}
#access li:hover > a,
#access a:focus {
background: #f9f9f9; /* Show a solid color for older browsers */
background: -moz-linear-gradient(#f9f9f9, #e5e5e5);
background: -o-linear-gradient(#f9f9f9, #e5e5e5);
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f9f9f9), to(#e5e5e5)); /* Older webkit syntax */
background: -webkit-linear-gradient(#f9f9f9, #e5e5e5);
color: #0000ff;
}
#access ul li:hover > ul {
display: block;
}
#access .current-menu-item > a,
#access .current-menu-ancestor > a,
#access .current_page_item > a,
#access .current_page_ancestor > a {
font-weight: bold;
}
esmi thanks got it done by changing it to #access div {
padding-right: 10px;
but still need pointer on my sub menu
got that done too.thanks for giving a fast reply.You people rock supporting newbie like us.
