ThemeShaper Forums » Thematic


moving my nav bar

(7 posts)
  • Started 9 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 9 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 9 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 9 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 9 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 7 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 7 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 7 years ago #

RSS feed for this topic

Topic Closed

This topic has been closed to new replies.