moving my nav bar « ThemeShaper Forums

ThemeShaper Forums » Thematic

moving my nav bar

(7 posts)

Started 2 years ago by jnune09
Latest reply from nimmolo
This topic is not resolved

Tags:

jnune09
Member

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

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

Posted 2 years ago #
helgatheviking
Moderator
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() {
remove_action('thematic_header','thematic_access',9);
}
add_action('init','remove_access');
add_action('thematic_aboveheader',thematic_access');
```
Posted 2 years ago #
jnune09
Member

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 2 years ago #
helgatheviking
Moderator

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:

http://www.catswhocode.com/blog/wordpress-how-to-easily-create-a-thematic-child-theme
http://wptheming.com/2009/10/useful-thematic-filters/

also getfirebug.com 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 2 years ago #
kaylehope
Member

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 2 months ago #
ScottNix
Member
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 2 months ago #
nimmolo
Member

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 2 months ago #

RSS feed for this topic

Reply

You must log in to post.