Lining up menu items with the rest of the site

  • Anonymous

    #6278

    Hi,

    I’m currently developing a new version of our site using the (excellent, I must say!) Graphene theme as a base. However, I have reached a stumbling block: whilst the content is going to be within a 960px-wide container, certain elements (such as the menu, which I have moved to the top) we would like to span the full width of the screen, but still have the content lined up with everything else (so it is just the physical bar that extends out on both sides, e.g. http://www.buckingham.ac.uk)

    I can’t for the life of me figure out how to do this, as my PHP knowledge is limited (whilst relatively strong in HTML/CSS) and thus I don’t have overly much confidence in editing the theme PHP files to get the desired effect, as I would assume an extra DIV may need to be added.

    If anyone has any ideas, they would be most appreciated! The website address, for reference, is http://www.medipathways.com/beta

    Thanks,

    Mike

    Mod

    Kenneth John Odle

    #32707
    Quote:
    we would like to span the full width of the screen

    You need to be careful with this, as people have different sized monitors. While it may look great on your monitor, it may look terrible on monitors of a different size.

    Quote:
    I don’t have overly much confidence in editing the theme PHP files to get the desired effect,

    Do NOT edit theme files. If you don’t know what you are doing, just about anything could happen, and if you do know what you are doing, you will lose your changes at the next update.

    Quote:
    I can’t for the life of me figure out how to do this

    Use Graphene’s many built-in options. The one you may find most useful is the action hook widget areas:

    http://blog.kjodle.net/2011/11/04/graphene-action-hook-widgets-an-easy-way-to-modify-your-blog/

Viewing 2 posts - 1 through 2 (of 2 total)

You must be logged in to reply to this topic.