centering page links in header in Chateau

  • Unknown's avatar
    wvando · Member ·

    I would like to center the page links on my blog which appear in the header (“about” “contributors” “contact”). If possible I would also like them to appear immediately beneath the title in the header, rather than above it. Can this be done with CSS?

    Also, is it possible to create an archives page in Chateau?

    The blog I need help with is: (visible only to logged in users)

  • Unknown's avatar
    thesacredpath · Member ·

    Give this a try, but I don’t recommend it. Chateau is what is called a “reactive” design which means that as you narrow a browser window, the theme width will narrow with the browser window. This is so that it will adjust for tablets and smartphone, or any browser really. When you use positioning to move the menu down below the title, then it will no longer adjust positioning relative to the rest of the theme elements (the title on narrower browsers runs down and over the menu. Give it a try. Add the following and then narrow your browser down to a smaller tablet width, or to that of a smartphone. Centering is also an issue due to the way the menu elements are in this theme. The below though does move it over so it starts at the same point as the title.

    #branding {
position: relative;
}

#menu {
left: 140px;
position: relative;
top: 100px;
width: 820px;
}
  • Unknown's avatar
    wvando · Member ·

    Thanks!

  • Unknown's avatar
    thesacredpath · Member ·

    You are welcome.

  • The topic ‘centering page links in header in Chateau’ is closed to new replies.