mrmikeman
Member
Im trying to get my menu to the right of my header image, currently it is to the right, but Under the header image, i would like it to be inline with the header image like the screen shot on this page
http://www.cozmoslabs.com/2009/07/20/early-morning-child-theme/
Thank you
I would like to do this through my new child theme im working on for thematic, not without editing core files if i can
Check out Helgatheviking's Thematic Menus Demystified and point 1 of that topic. http://themeshaper.com/forums/topic/thematic-menus-demystified-1
mrmikeman
Member
yeah i looked through this, i dont see it. just Above header, i want it in the header
From the first point in the link above you'll find some code that looks slightly like this;
// Remove the standard Thematic menu
function remove_menu() {
remove_action('thematic_header','thematic_access',9);
}
add_action('init', 'remove_menu');
// Moving the thematic menu
add_action('thematic_header','thematic_access',4);
All I've done is changed 'thematic_aboveheader' to 'thematic_header' Not sure correct term for the No. 4 but if you look at the structure in this link http://bluemandala.com/thematic/thematic-structure.html
it'll make a little more sense. You'll need to style it naturally and it should line up.
mrmikeman
Member
d_rec I greatly appreciate your help, but im afraid nothing is moving, I have made some sense out of the "structure" page but are you saying to make it work ill need to style it ? i pasted that code in my child's functions.php and it doesnt seem to do anything
ocixx.com/bbtest/ is my link if you dont mind maybe im doing something wrong?
Thank you
#blog-title {
float:left;
width:250px;
}
#access {
border-bottom: 1px solid #CCCCCC;
float: right;
font-size: 13px;
height: 32px;
overflow: visible;
padding: 100px 0 0;
width: 300px;
z-index: 100;
}
That should at least show you a clearer picture.
If it were me, I would just velcro it with absolute positioning (below) to cheat, which is just another way of doing it which may be a little tougher to understand but easier to work with in the end.
#branding { position: relative; }
#access {
border-bottom: 1px solid #CCCCCC;
font-size: 13px;
height: 32px;
overflow: visible;
position: absolute;
right: 0;
top: 120px;
width: 600px;
z-index: 100;
}
mrmikeman
Member
oh wow thanks scott! i didnt realize css would put it there like, i also like to use absolute positioning its pretty great but iv heard its not the best practice for some reasons or another. thank you very much
mrmikeman
Member
oh no what did i do? it runs off the right of the page now and i dont have a clue where i would start looking for that.
Just to add my 2 cents, there isn't anything wrong with absolute positioning when it comes to best practices, it is extremely handy, it is just the issues that arise are a little tougher to figure out sometimes.
You will find it fun for moving things outside of a div with negative margins.
#example { position: absolute; top: 40px right:-20px; }
The key is to remember that it will position to the parent element with relative: position;
Remove the width on the access, it isn't letting it expand more than 300px.
The reason you see more is because overflow:visible is set which shows you that extra content shooting to the right.
mrmikeman
Member
Ok i did that but now it goes back to where it was, under the header?
Remove the width:940px off of the .menu class. :)
mrmikeman
Member
Ok in my child's style.css there is no 940 and no .menu i assume this does exist in my parent thematic, so i added .menu 500px and it minimized from 940 i assume, and it works, but i wonder if as i add menu items i will have to expand it each time, not that big of a deal but is there another way to remove the width without changing parent css?
thank you a LOT for your help
try width:auto;
mrmikeman
Member
ah, like a charm! should have thought of that one DOH!!!
Thank you!!
You must log in to post.
