How to fix Option Button

iflow156

When I'm hovering over the top category the option button shows up one category below where it should be. I'm running the theme right out of the box and still have this problem. Any ideas how to fix? It works fine for the sub categories, just not the header categories.

Thanks

peregrine

post an image. also use firebug to identify css element.

iflow156

Although it doesn't show, my cursor is right over "Snowboarding Forums"

I was able to move it using Firebug, however whenever I correct the top category issue, it messes up the rest of it. Here is what I edited.

.Categories.all .CategoryHeading .Options {
top: 10px;

Thanks for the reply

peregrine

maybe if you also post a link to your site if you don't get a response based on your image -- someone who loves css can help you.

vrijvlinder

I will look at it when I get back in few hours best have a link for me ok ?

tingtanet

You should give a link, let's see.

iflow156

Here's the link
http://www.snowboardprogression.com/forum/index.php?p=/

appreciate it

tingtanet

.MenuTitle{padding: 5px 20px;}

/design/custom.css

tingtanet

@iflow156

Find the file /themes/Nebula v4/design/custom.css

.MenuTitle{border-radius:1px 0 0 0;color:#999;font-size:120%;moz-user-select:none;padding:5px 6px}

change

.MenuTitle{border-radius:1px 0 0 0;color:#999;font-size:120%;moz-user-select:none;padding:5px 20px}

vrijvlinder

these are the css for the options. I recommend that you copy all of this code and see if that fixes the issue. Into your custom.css .
Toggle Flyout is the options button. That is what you need to move.

.Item .OptionsMenu {
vertical-align: top;
visibility: hidden;
}
.ToggleFlyout {
cursor: pointer;
position: relative;
}
.OptionsMenu {
display: inline-block;
font-size: 10px;
font-weight: normal;
line-height: 100%;
}
.MenuTitle {
color: #000;
text-shadow: 0 1px 0 #fff;
border: 1px solid #666;
padding: 6px 6px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
user-select: none;
background: url(http://i50.tinypic.com/m8d00w.png) right -96px repeat;
padding-right: 6px;
-webkit-user-select: none;
font-size: 14px;
font-weight: bold;
-moz-user-select: none;
-o-user-select: none;
}
.ToggleFlyout .Flyout {
position: absolute;
top: 100%;
left: 0;
display: none;
z-index: 100;
}
.MenuItems li {
padding: 6px 2px 6px 0px !Important;
}
.MenuItems a, .MenuItems a:link, .MenuItems a:visited, .MenuItems a:active {
color: #fff;
display: block;
text-decoration: none;
}