ThemeShaper Forums » Thematic

[closed]

submenus not appearing correctly

(5 posts)
  • Started 8 years ago by bricksmith
  • Latest reply from sotabound04
  • This topic is not resolved
  1. bricksmith
    Member

    I'm trying to style the drop down menus, something I've never done before. Usually, I only have need of the top level of the menu in my child themes, but this time I need a second layer.

    Here's link:

    http://www.kbcdevelopment.com/moreforchrist

    I've copied and pasted Helga's css from the very helpful "menus demystified" post.

    I'm using the new WordPress menu option. I've added submenu items to "Home" to get started.

    What I notice is that the menu items appear to be there, but they are bunched up under "Home".

    When I look at it using Firebug, I notice the following:

    1. This appears to be controlling the styling:

    element.style {
    display: none;
    float: none;
    visibility: hidden;
    width: 27em;
    }

    and the corresponding html (ul class="sub-menu") is greyed-out.

    Unlike other style references (style.css, default.css) no source for the element.style is given.

    Any ideas how to get on track?

    Posted 8 years ago #
  2. Check the #access CSS, you will see that it is set to display overflow:hidden, this is hiding the menus from your view.

    Also the element styling of 27em is supplied through JavaScript, this is what is controlling the basic aspects of the hover state. When when you see the menu greyed out like that, it is just showing it is dynamic. So if you did want to modify the jquery that controls the menu, it is located in the library/scripts/thematic-dropdowns.js, I previously haven't had to modify this, but the setting oveflow:visible on your access is the information I think you were looking for. ;)

    Posted 8 years ago #
  3. I ran into a similar head scratch moment. As it turns out you need to adjust the js script that is set in the parent theme. The best way to do this in a child theme is to revisit helgas excellent tutorial, specifically the part that mentions sub indicator arrows. There is a function there that you can add to your child function.php that overrides the default js settings for width etc.

    The tutorial says sub indicator arrows but you can use the same override to massage some other js that may be overriding any css that you place in your child style.css

    Cheers!
    Chris

    Posted 8 years ago #
  4. bricksmith
    Member

    Thanks to your help, ScottNix and Krowchuk, I'm making progress!

    Posted 8 years ago #
  5. I am currently developing a child theme for thematic that I would like to apply submenus (dropdowns) to. I did not realize that the latest version of Thematic created drop downs. I have been looking into a combination of options including Suckerfish and jQuery, however if it is less work than this, then I would like to know. I will look into krowchuck's recommendation, and will post back if I come up with an alternate solution.

    Posted 8 years ago #

RSS feed for this topic

Topic Closed

This topic has been closed to new replies.