ThemeShaper Forums » Thematic


Move Access Dropdown Menu to left

(6 posts)
  • Started 11 years ago by ChristianJ
  • Latest reply from craw
  • This topic is not resolved
  1. Hi all,

    I've been struggling on this problem for a while now and searched everywhere. I just started with Thematic and it's very nice.

    I'm working on a site for a client. I'm migrating the existing site to Wordpress. I have to make the drop down menu vertical and move it to the left. Make it vertical is already done.

    This site:

    I am using the 3c-fixed.css layout right now and managed to move the menu to thematic_abovecontainer. But the menu is above the container. It have to be inside, aligned with the rest of the content, if you know what I mean. Is there a way to move the menu to the left primary widget area?

    Is there anybody out there who can help to accomplish this?

    Thanks so much!

    PS: Sorry for my bad english. I am from the Netherlands :-)

    Posted 11 years ago #
  2. middlesister

    Great that you managed to move the menu! Then you already know most of what you need to know. If you take a look at, you can see the different places where you can add stuff. I think the hook you are looking for is thematic_abovemainasides.

    This goes in your functions.php

    // start with removing the access div from header
    function childtheme_remove_access(){
    // and then add the access div to the hook you want

    I am using 2c-r-fixed.css, and I have also moved the access div to the sidebar using this technique. Keep in mind though, that technically it will not be inside the container but floated next to it. You might have to tweak the css a bit, giving the access div the same properties as the #primary div. Otherwise it will probably end up underneath the container since the sidebars comes after the container in the source code.

    Posted 11 years ago #
  3. craw

    ChristianJ- sorry to change the subject but how did you get the sub menu to pop out to the right of the menu? I'm trying to do the same and I'm having trouble.

    Any help would be appreciated. Thanks

    Posted 11 years ago #
  4. sowingseeds

    @Craw. I have been able to do this through using the vertical css found at superfish site: vertical css. Made a few adjustments but started with the division id (here #side-menu) and added such as:
    #side-menu .sf-menu, #side-menu .sf-menu li {
    width: 10em;
    #side-menu .sf-menu li:hover ul,
    #side-menu .sf-menu li.sfHover ul {
    left: 10em; /* match ul width */
    top: 0;

    Posted 11 years ago #
  5. Thank you all for the replies, they look promising. I will check them as soon as I have some time. I little busy right now.

    I'll be back soon!


    Posted 11 years ago #
  6. craw

    Thanks sowingseeds- just what i was looking for!

    Posted 11 years ago #

RSS feed for this topic

Topic Closed

This topic has been closed to new replies.