WordPress.org

Ready to get started?Download WordPress

Forums

[mystique theme] header float (7 posts)

  1. theBlocker
    Member
    Posted 2 years ago #

    I want to ask how can I adjust how my header float, i mean adjust the space between the header and the navigation menu on my mystique theme?

    i want it to look something like this:
    http://imgur.com/ZYqjv

    so i wonder how can i edit it from this?
    http://imgur.com/GME8S

    Thanks.

    ---------------------

    here are my elements:

    #header{display:block;position:relative;z-index:5;}

    #header p.nav-extra{position:absolute;top:-25px;z-index:10;right:10px;}
    #header a.nav-extra{width:64px;height:36px;display:block;float:right;margin-left:6px;}
    #header a.nav-extra span{display:none;}

    #site-title{padding:4em 0 3.6em 0;}
    #site-title #logo{font-size:400%;font-weight:bold;font-style:normal;margin:0;padding:0;float:left;line-height:60px;}
    #site-title #logo a{color:#fff;text-decoration:none;text-shadow:#000 1px 1px 1px;font-variant:small-caps;letter-spacing:-0.04em;}
    #site-title #logo a:hover{color:#ed1e24;}
    #site-title p.headline{float:none;border-left:1px solid #999;margin:0 0 0 1em;padding:.2em 0 .2em .8em;font-weight:normal;font-size:140%;line-height:34px;letter-spacing:0.4em;}

  2. peredur
    Member
    Posted 2 years ago #

    Very difficult to say without a link to your site. Even looking at the mystique theme is not guaranteed to help because of any changes you might have made. So if you can post a link, it would be a great help.

    Cheers

    PAE

  3. theBlocker
    Member
    Posted 2 years ago #

    Here is the link to my site: http://www.zenhonbuph.net
    I'm using an image header with a transparant space.

    Thank You.

  4. peredur
    Member
    Posted 2 years ago #

    It looks fine to me. The navigation menu is at the level of the cartoon figure's thigh. I tried it in FF, IE8 and IE7.

    Cheers

    PAE

  5. theBlocker
    Member
    Posted 2 years ago #

    Actually, I just put an allowance on the image header so that there is will be a space between the header & the navigation.

    the actual header image:
    http://imgur.com/bJLpo

  6. theBlocker
    Member
    Posted 2 years ago #

    I have uploaded the original header on my website (zenhonbuph.net), just to show what is my problem with the header.

    I just want to ask how can i adjust the space between the header logo and the navigation.

    Thanks.

  7. peredur
    Member
    Posted 2 years ago #

    Aaaargh!

    The html uses eight line breaks (<br>) to inject vertical space. This is not the way to do it!!!!

    So the first thing to do is to get rid of the line breaks. Then we can use CSS to do the job properly.

    Cheers

    PAE

Topic Closed

This topic has been closed to new replies.

About this Topic