Forums

Globalnav links not working inside div in Autofocus (Sandbox). (3 posts)

  1. moireach
    Member
    Posted 2 years ago #

    Okay, here's the problem: I'm using the Autofocus theme, based on Sandbox, and using <?php sandbox_globalnav() ?> in the header to pull in a list of the site's pages.

    I want to move that list down into the posts template, and when I insert the globalnav code into single.php it works fine *except* that the child pages aren't indented. If I then wrap the code in the same div it was in in the header, it appears exactly as it should as far as ul/li indents -- except *the links don't work*. They're there in the code, but totally nonclickable.

    That unclickable code reads: <div id="access"><?php sandbox_globalnav() ?></div>

    Any ideas? I'm guessing it has something to do with overlapping divs (or maybe z-index?), but I'm at my wit's end.

  2. moireach
    Member
    Posted 2 years ago #

    In case it's helpful, this is the CSS for the div that formats globalnav properly in the header, but renders the links unworkable in the post template.

    #access {display:table;height:160px;vertical-align:middle;width:200px;float:right;}
    #access #menu {vertical-align:middle;display:table-cell;font-size:0.8em;}
    #access #menu ul {vertical-align:middle;display:block}
    #access #menu ul li ul {margin-left:10px;}
    #access #menu a {font-weight:800;}

  3. moireach
    Member
    Posted 2 years ago #

    Update: the exact same problem with sidebar links being rendered unclickable is also happening when I implement this tutorial on adding the sidebar to the Autofocus homepage: http://wordpress.org/support/topic/380214?replies=1

    In this case, the div CSS that renders the sidebar links unclickable is below:

    div.hfeed #primary, div.hfeed #secondary {width:200px;clear:both;margin:0;padding:0;display:block;float:right;background:transparent}
    .home #container {width:840px;float:left;}

Topic Closed

This topic has been closed to new replies.

About this Topic