menu bug in Raindrops theme?

  • Resolved topside

    (@topside)


    13 years, 2 months ago

    Hi Guys,

    Setting up a site for a client with the Raindrops theme, everything seems cool except the horizontal menu bar. The menu items all show, but the menu item for the page currently being displayed slightly overlaps and cuts off about half a letter of text on the next item to the right of it.

    the site is at https://www.premiere-computers.com – no custom code involved, I’m just using the menu creation page in the theme.

    Has anyone ever run into this before and if so how did you fix it? I wonder if this a bug in the theme itself, but then I see other sites using this theme that don’t seem to have this problem – so I wonder if I am doing something that is causing it?)
    All help very greatly appreciated!

Viewing 3 replies - 1 through 3 (of 3 total)

  • Mmm… It’s a problem with the layers on CSS:

    Search line 1265, and add z-index: 100;, like this:

    #access .menu-header li, div.menu li {
    float: left;
    padding: 0;
    position: relative;
    z-index: 100;
}

    And then, with line 1272 Add z-index: 200;

    #access .menu-header li a, div.menu li a {
    display: block;
    margin: 0;
    width: 100%;
    z-index: 200;
}
    Thread Starter topside

    (@topside)

    OK that did the trick! Thank You!

    Curious though…did I do something that caused this, or is it a bug in the theme ? Want to know so if I screwed something up, I don’t do it again…

    Only I think that there are many elements on the menu, and the theme was not intended for this.

    ??

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘menu bug in Raindrops theme?’ is closed to new replies.

Tags