Accccordian menu?

How can I get rid of the scrollbar in the panels in the menu?
http://lukesspot.com/indus_links/menu/

Remove the overflow:auto from this selector
found on line 119 of your internal stylesheet

.dopt-accordion .accordion-content .wrap-content {
    width: 100%;
    padding: 0;
    overflow: auto; /*remove*/
    position: absolute;
}
1 Like

ok, I removed that but no dice
I put in overflow-y:hidden and that seemed to work

It looks like I had removed the overflow:auto from here too

.dopt-accordion input.title-option:checked ~ .accordion-content {
    height: 200px;
    overflow: auto;
}

So it should work if removed from both of those selectors
Without needing to add overflow-y:hidden to anything

Also, that height:200px is being overridden with height:auto so it does not seem to be needed. That fixed height shouldn’t be used for text containers anyway

The real problem is what was causing the white space after your last sub-item.
And the culprit looks like the text descenders on anchors since they are still getting the default style of display:inline.

space

Add display:block to your anchors then you will see your margins and paddings working on the anchors. Then go back and adjust them according to your liking.

.sub-menu a {
    font-family: verdana;
    font-size: 1em;
    text-transform: uppercase;
    font-weight: bold;
    color: black;
    text-decoration: none;
    margin-top: 15px;
    padding: 5px 0;
    padding-left: 25px;
    display: block; /*add this*/
}

With block anchor now…
block-anchor

2 Likes

This topic was automatically closed 91 days after the last reply. New replies are no longer allowed.