How to I make my submenu wider?
On my site you will see that the submenu of "Polls" is not showing on one line?
How can I make it that the submenu goes wider automatically to the width of the title?
I think the css I need to amend is
#nav1 ul.sf-menu li a {
color: #333333;
display: block;
position: relative;
float: left;
text-decoration: none;
padding: 0 29px;
cursor: pointer;
}
#nav1 ul.sf-menu li a:hover {
text-decoration: none;
background: #FEFEFE;
}
#nav1 ul.sf-menu li ul.sub-menu {
border: 1px solid #000000;
background: #272726 url(images/ul_children_bg.gif) repeat-y top right;
}
#nav1 ul.sf-menu li ul.sub-menu li {
background: url(images/ul_children_li_bg.gif) no-repeat bottom right;}
#nav1 ul.sf-menu li ul.sub-menu li a {
color: #bebebe;
text-decoration: none;
display:block;
}
#nav1 ul.sf-menu li ul.sub-menu li a:hover {
text-decoration: none;
background: none;
}
#nav1 ul.sf-menu li ul.sub-menu li ul.sub-menu {
border: 1px solid #000000;
border-left: none;
background: #272726 url(images/ul_children_ul_children_bg.gif) repeat-y top left;
}
#nav1 ul.sf-menu li ul.sub-menu li ul.sub-menu li {
background: url(images/ul_children_li_bg.gif) no-repeat bottom right;
}
#nav1 ul.sf-menu li ul.sub-menu li ul.sub-menu a {
color: #bebebe;
text-decoration: none;
}
#nav1 ul.sf-menu li ul.sub-menu
{
margin:5px 0 0 0;
}
#nav1 ul.sf-menu li ul.sub-menu ul.sub-menu
{
margin:-1px 0 0 27px;
}
-
Nathan K -
[ 1 ] Thanks - 1 reply
{{ DiscussionBoard.errors[8492452].message }}-
oliverjones -
Thanks
{{ DiscussionBoard.errors[8492486].message }} -
-
-
Nathan K -
[ 1 ] Thanks
{{ DiscussionBoard.errors[8492506].message }} -
-
oliverjones -
Thanks
{{ DiscussionBoard.errors[8492558].message }} -