ThemeShaper Forums » Thematic

[closed]

Put Menu Inside of header?

(15 posts)
  • Started 8 years ago by mrmikeman
  • Latest reply from mrmikeman
  • This topic is resolved

Tags:

  1. 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

    Posted 8 years ago #
  2. Check out Helgatheviking's Thematic Menus Demystified and point 1 of that topic. http://forums.themeshaper.com/topic/thematic-menus-demystified-1

    Posted 8 years ago #
  3. mrmikeman
    Member

    yeah i looked through this, i dont see it. just Above header, i want it in the header

    Posted 8 years ago #
  4. 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.

    Posted 8 years ago #
  5. 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

    Posted 8 years ago #

  6. #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;
    }

    Posted 8 years ago #
  7. 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

    Posted 8 years ago #
  8. 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.

    Posted 8 years ago #
  9. 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;

    Posted 8 years ago #
  10. 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.

    Posted 8 years ago #
  11. mrmikeman
    Member

    Ok i did that but now it goes back to where it was, under the header?

    Posted 8 years ago #
  12. Remove the width:940px off of the .menu class. :)

    Posted 8 years ago #
  13. 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

    Posted 8 years ago #
  14. try width:auto;

    Posted 8 years ago #
  15. mrmikeman
    Member

    ah, like a charm! should have thought of that one DOH!!!
    Thank you!!

    Posted 8 years ago #

RSS feed for this topic

Topic Closed

This topic has been closed to new replies.