Ask your WordPress questions! Pay money and get answers fast! (more info)

Menubar help WordPress

  • SOLVED

Hi There,

We are using the Plugin, MenuBar 4.10.

The URL of the site is in the image attached.

We require a vertical dropdown for the Services option on the menu.

The image attached is how we would like it to look and how the rollover should look.

Many Thanks

Answers (2)

2012-10-24

Christianto answers:

Hi,

You can add this css code on sff-blue.css
wp-content/plugins/menubar-templates/Superfish/ssf-blue.css

.ssf-blue li{
position: relative;
}

.ssf-blue li:hover ul, .ssf-blue li.wpm-hover ul {
width: 15em;
left: 0;
top: 1.7em!important;
z-index: 99;
}

.ssf-blue li li {
width: 100%;
float: none;
background: #405968 !important;
list-style: none;
text-align: left;
height: auto;
}

.ssf-blue li li:hover{
height: auto;
}

.ssf-blue li.menuservices li:hover, .ssf-blue li.menuservices li a:hover {
color: white;
text-decoration: none!important;
background: #405968 url("../../../themes/dixonwilson/images/button-hover.png") top left no-repeat !important;
}


please change the background image button-hover.png path if you put the file on different directory


jimspankling comments:

Hi!

This is great!

Just one small thing, when you hover over one of the dropdown options, the height changes slightly.

Can you help with this, please..

Thank you.


Christianto comments:

You've set the height of the parent li to 20px, so you need to set the li child to 20px too
on sff-blue.css file line 120, change height: auto to height: 20px
.ssf-blue li li {
width: 100%;
float: none;
background: #405968 !important;
list-style: none;
text-align: left;
<strong>height: 20px;</strong>
}

2012-10-24

Arnav Joy answers:

Hi

Your site is running in maintenance mode please can you provide me access so that I can look into it

Thanks
Arnav


jimspankling comments:

Oh yeh! Sorry, I forgot to do that!!!