[dani2xll]

Thank you so much. It is working now. The code to display horizontally does not work but everything else does so thank you so very much for your kind help.

[dani2xll]

I made the above changes but it is having no effect. I thought it would be useful to send you the section I have on the sub-navigation menu before the changes. Thank you for your help.
/* Secondary Navigation
------------------------------------------------------------ */

#subnav {
background: #f5f5f5;
border: 1px solid #ddd;
box-sizing: border-box;
clear: both;
color: #666;
font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
font-size: 13px;
margin: 0 auto;
overflow: hidden;
text-transform: uppercase;
width: 100%;
}

#subnav .wrap {
border: 1px solid #fff;
box-sizing: border-box;
overflow: hidden;
width: 100%;
text-align: center;
}

#subnav ul {
float: left;
list-style: none;
margin: 0;
padding: 0;
width: 100%;
}

#subnav ul ul {
border: none;
}

#subnav li {
float: left;
list-style: none;
}

#subnav li a {
color: #666;
display: block;
margin: 0;
padding: 7px 10px 6px;
position: relative;
text-decoration: none;
}

#subnav li a:active,
#subnav li a:hover,
#subnav .current_page_item a,
#subnav .current-cat a,
#subnav .current-menu-item {
background: #444;
color: #fff;
}

#subnav li a .sf-sub-indicator {
display: block;
height: 10px;
overflow: hidden;
position: absolute;
right: 5px;
text-indent: -9999px;
top: 11px;
width: 10px;
}

#subnav li li a,
#subnav li li a:link,
#subnav li li a:visited {
background: #444;
border-right: 1px solid #fff;
border-top: 1px solid #fff;
color: #fff;
margin: 0;
padding: 7px 10px 6px;
position: relative;
text-transform: none;
width: 148px;
}

#subnav li li a:active,
#subnav li li a:hover {
background: #444;
color: #fff;
}

#subnav li li a .sf-sub-indicator {
top: 10px;
}

#subnav li ul {
height: auto;
left: -999em;
padding: 0;
position: absolute;
width: 170px;
z-index: 9999;
}

#subnav li ul a {
width: 140px;
}

#subnav li ul ul {
margin: -34px 0 0 169px;
}

#subnav li:hover ul ul,
#subnav li:hover ul ul ul,
#subnav li.sfHover ul ul,
#subnav li.sfHover ul ul ul {
left: -999em;
}

#subnav li:hover ul,
#subnav li li:hover ul,
#subnav li li li:hover ul,
#subnav li.sfHover ul,
#subnav li li.sfHover ul,
#subnav li li li.sfHover ul {
left: auto;
}

#subnav li:hover,
#subnav li.sfHover {
position: static;
}

[dani2xll]

Can anyone help me with this? I really can't move much forward with my site without being able to make this small change to the effects. my site is dani2x.wpengine.com

Thank you for your help.

[dani2xll]

Thank you for your help. I wish to keep using the Prose theme but thank you for your help.

[dani2xll]

Can anyone help me with this please?

Thank you for your help.

[dani2xll]

Hi

Thank you for your help. I've not used style.css before. Is it the 40px that I would change or the 0 0; figures?

[Author]

Posts