ThemeShaper Forums » Thematic


moving my nav bar

(7 posts)
  • Started 11 years ago by jnune09
  • Latest reply from nimmolo
  • This topic is not resolved


  1. jnune09

    how can I move my nav bar to the upper left corner like this site...

    Ive try using the customizing code that is provided on the site but don't know what to change. here is my site

    Posted 11 years ago #
  2. ugh. this must be on the forum somewhere b/c I am sure that i have written it. however, the search function is not the strongest and maybe i am imaging it....

    how to move thematic access (the navigation bar) above the #header div :

    function remove_access() {
    Posted 11 years ago #
  3. jnune09

    I tried to throw in

    float: right; to move it but it doesn't seem to work can you tell me where to put the code also the one you gave me!? :)

    btw you are so helpful! im giving you a eHug.

    Posted 11 years ago #
  4. an ehug? well gosh. ok it sounds like you are really new to thematic and child themes.. so i am going to recommend that you check out these two blog posts to get you started:

    also for a firefox addon that is essential to finding css properties.

    the code i gave you goes in your child themes functions.php file. once you put it there i 'believe' it will default to the left and you might not need to change any css.

    Posted 11 years ago #
  5. kaylehope

    I am having the same problem, except I'm trying to get the navigation to be in the right corner, lined up with the edge of the header and main content area. Any suggestions?

    Posted 9 years ago #
  6. If you used the code above in your functions.php, the menu should be in the correct spot structurally.

    Then you will need to modify the 'float' in the style css.

    .sf-menu { float: right; }

    It is fairly simple, if you are having more trouble, a link would help.

    Posted 9 years ago #
  7. nimmolo

    Kaylehope- check out, in your CSS, the properties of #access and of .menu

    #access probably contains the menu.

    You should be able to make either of those things float:right; as long as nothing else is in their way.

    Use firebug, or the "inspect element" right-click feature in Chrome or Safari, to find out where those divs are in your layout.

    *whoops! crossposted with Scott Nix! sorry.

    Posted 9 years ago #

RSS feed for this topic

Topic Closed

This topic has been closed to new replies.